refactor: edit concept button is dropdown when on archived version

Author: NilsOveTen

apps/concept-catalog/app/catalogs/[catalogId]/concepts/[conceptId]/concept-page-client.tsx

@@ -8,6 +8,7 @@ import { ChatIcon, EnvelopeClosedIcon, PhoneIcon } from "@navikt/aksel-icons";
 import {
   Chip,
   Details,
+  Dropdown,
   Link,
   Switch,
   Tabs,
@@ -193,6 +194,7 @@ export const ConceptPageClient = ({
 }: ConceptPageClientProps) => {
   const [language, setLanguage] = useState("nb");
   const [showConfirmDelete, setShowConfirmDelete] = useState(false);
+  const [isArchived, setIsArchived] = useState(concept?.isArchived);
   const [isPublished, setIsPublished] = useState(concept?.erPublisert);
   const [publishedDate, setPublishedDate] = useState(
     concept?.publiseringsTidspunkt,
@@ -215,6 +217,7 @@ export const ConceptPageClient = ({
       if (window.confirm(localization.publicationState.confirmPublish)) {
         publishConcept.mutate(concept?.id as string, {
           onSuccess(data) {
+            setIsArchived(data.isArchived);
             setIsPublished(data.erPublisert);
             setPublishedDate(data.publiseringsTidspunkt);
           },
@@ -970,21 +973,39 @@ export const ConceptPageClient = ({
           <div className={classes.actionButtons}>
             {hasWritePermission && (
               <>
-                <Button onClick={handleEditConcept}>
-                  {localization.button.edit}
-                </Button>
-                {concept?.isArchived ? (
-                  <Button onClick={handleEditArchivedConcept}>
-                    {localization.concept.editArchived}
-                  </Button>
+                {isArchived ? (
+                  <Dropdown.TriggerContext>
+                    <Dropdown.Trigger>
+                      {localization.button.edit}
+                    </Dropdown.Trigger>
+                    <Dropdown placement="bottom-end">
+                      <Dropdown.List>
+                        <Dropdown.Item>
+                          <Dropdown.Button onClick={handleEditConcept}>
+                            {localization.concept.editAllFields}
+                          </Dropdown.Button>
+                        </Dropdown.Item>
+                        <Dropdown.Item>
+                          <Dropdown.Button onClick={handleEditArchivedConcept}>
+                            {localization.concept.editInternalFields}
+                          </Dropdown.Button>
+                        </Dropdown.Item>
+                      </Dropdown.List>
+                    </Dropdown>
+                  </Dropdown.TriggerContext>
                 ) : (
-                  <Button
-                    data-color="danger"
-                    variant="secondary"
-                    onClick={() => setShowConfirmDelete(true)}
-                  >
-                    {localization.button.delete}
-                  </Button>
+                  <>
+                    <Button onClick={handleEditConcept}>
+                      {localization.button.edit}
+                    </Button>
+                    <Button
+                      data-color="danger"
+                      variant="secondary"
+                      onClick={() => setShowConfirmDelete(true)}
+                    >
+                      {localization.button.delete}
+                    </Button>
+                  </>
                 )}
               </>
             )}

apps/concept-catalog/components/concept-form/edit-page-loader.tsx

@@ -127,8 +127,7 @@ export async function renderConceptEditPage({
   ];
 
   const editPathSegment = mode === "archived" ? "edit-archived" : "edit";
-  const editBreadcrumbLabel =
-    mode === "archived" ? localization.concept.editArchived : localization.edit;
+  const editBreadcrumbLabel = localization.edit;
 
   const breadcrumbList = getBreadcrumbList({
     catalogId,

libs/utils/src/lib/language/nb.ts

@@ -405,7 +405,8 @@ rettigheter, eller at det har oppstått en feil ved henting av tilganger. Vennli
     contactInformation: "Kontaktinformasjon for eksterne",
     definition: "Definisjon",
     deleteConcept: "Slett begrep",
-    editArchived: "Rediger arkivert versjon",
+    editInternalFields: "Rediger interne felter",
+    editAllFields: "Rediger alle felter",
     divisionCriterion: "Inndelingskriterium",
     example: "Eksempel",
     formFieldLabel: "{fieldType} på {lang}",