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,
@@ -970,21 +971,42 @@ export const ConceptPageClient = ({
           <div className={classes.actionButtons}>
             {hasWritePermission && (
               <>
-                <Button onClick={handleEditConcept}>
-                  {localization.button.edit}
-                </Button>
                 {concept?.isArchived ? (
-                  <Button onClick={handleEditArchivedConcept}>
-                    {localization.concept.editArchived}
-                  </Button>
+                  <Dropdown.TriggerContext>
+                    <Dropdown.Trigger>
+                      {localization.button.edit}
+                    </Dropdown.Trigger>
+                    <Dropdown placement="bottom-end">
+                      <Dropdown.Heading>
+                        {localization.concept.archivedVersion}
+                      </Dropdown.Heading>
+                      <Dropdown.List>
+                        <Dropdown.Item>
+                          <Dropdown.Button onClick={handleEditConcept}>
+                            {localization.concept.editNewVersion}
+                          </Dropdown.Button>
+                        </Dropdown.Item>
+                        <Dropdown.Item>
+                          <Dropdown.Button onClick={handleEditArchivedConcept}>
+                            {localization.concept.editThisVersion}
+                          </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,9 @@ 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",
+    archivedVersion: "Dette er en arkivert versjon",
+    editThisVersion: "Rediger av denne versjon",
+    editNewVersion: "Vanlig redigering av begrepet",
     divisionCriterion: "Inndelingskriterium",
     example: "Eksempel",
     formFieldLabel: "{fieldType} på {lang}",