fix: move search from header as link to menu (#3798)

Author: seanes

packages/frontend/package.json

@@ -22,7 +22,7 @@
     "i18n:sort": "tsx ./src/i18n/check.ts --sort"
   },
   "dependencies": {
-    "@altinn/altinn-components": "0.56.20",
+    "@altinn/altinn-components": "0.56.23",
     "@microsoft/applicationinsights-react-js": "19.3.7",
     "@microsoft/applicationinsights-web": "3.3.9",
     "@navikt/aksel-icons": "^7.37.0",

packages/frontend/src/components/PageLayout/GlobalMenu/inboxMenu.tsx

@@ -9,6 +9,7 @@ import {
   InboxFillIcon,
   InformationSquareIcon,
   LeaveIcon,
+  MagnifyingGlassIcon,
   MenuGridIcon,
   PadlockLockedFillIcon,
   PersonCircleIcon,
@@ -19,6 +20,7 @@ import {
   createMessageBoxLink,
   getAboutNewAltinnLink,
   getAccessAMUILink,
+  getFrontPageLink,
   getNeedHelpLink,
   getNewFormLink,
   getStartNewBusinessLink,
@@ -259,6 +261,17 @@ export function buildInboxMenu({
         }),
         selected: false,
       },
+      {
+        id: 'altinn-search',
+        groupId: 'global',
+        size: 'lg',
+        icon: MagnifyingGlassIcon,
+        title: t('global_menu.altinn_search'),
+        as: createMenuItemComponent({
+          to: `${getFrontPageLink(currentPartyUuid)}/sok?`,
+        }),
+        selected: false,
+      },
       ...helpItems,
       {
         groupId: 'profile-shortcut',

packages/frontend/src/components/PageLayout/GlobalMenu/profileMenu.tsx

@@ -8,13 +8,15 @@ import {
   HeartIcon,
   InboxFillIcon,
   InformationSquareIcon,
+  MagnifyingGlassIcon,
   MenuGridIcon,
   PadlockLockedFillIcon,
   PersonCircleIcon,
 } from '@navikt/aksel-icons';
 import {
   getAboutNewAltinnLink,
   getAccessAMUILink,
+  getFrontPageLink,
   getNeedHelpLink,
   getNewFormLink,
   getStartNewBusinessLink,
@@ -209,6 +211,17 @@ export function buildProfileMenu({
       }),
       selected: false,
     },
+    {
+      id: 'altinn-search',
+      groupId: 'global',
+      size: 'lg',
+      icon: MagnifyingGlassIcon,
+      title: t('global_menu.altinn_search'),
+      as: createMenuItemComponent({
+        to: `${getFrontPageLink(currentPartyUuid)}/sok?`,
+      }),
+      selected: false,
+    },
   ];
 
   const profileMenuItem: MenuItemProps = {

packages/frontend/src/components/PageLayout/PageLayout.tsx

@@ -175,6 +175,7 @@ export const PageLayout: React.FC = () => {
     header: headerProps,
     footer,
     sidebar: {
+      sticky: true,
       menu: sidebarMenu,
       hidden: isErrorState,
       footer: <Badge label={t('word.beta')} variant="base" color="neutral" size="sm" />,

packages/frontend/src/components/PageLayout/useHeaderConfig.tsx

@@ -200,12 +200,6 @@ export const useHeaderConfig = (filterState?: FilterState): UseHeaderConfigOutpu
         },
       },
     },
-    globalSearch: {
-      onSearch: (value: string) => {
-        const encodedValue = encodeURIComponent(value);
-        window.location.href = `${getFrontPageLink(currentPartyUuid)}/sok?q=${encodedValue}`;
-      },
-    },
     desktopMenu,
     accountSelector,
   };

packages/frontend/src/i18n/resources/en.json

@@ -178,6 +178,7 @@
   "footer.nav.service_announcements": "Service announcements",
   "footer.nav.privacy_policy": "Privacy",
   "global_menu.about_altinn": "About new Altinn",
+  "global_menu.altinn_search": "Search in Altinn",
   "global_menu.all_forms_services": "All forms and services",
   "global_menu.need_help": "Do you need help?",
   "global_menu.start_business": "Start and run a business",

packages/frontend/src/i18n/resources/nb.json

@@ -179,6 +179,7 @@
   "footer.nav.privacy_policy": "Personvern",
   "global_menu.about_altinn": "Om nye Altinn",
   "global_menu.all_forms_services": "Alle skjema og tjenester",
+  "global_menu.altinn_search": "Søk i Altinn",
   "global_menu.need_help": "Trenger du hjelp?",
   "global_menu.start_business": "Starte og drive bedrift",
   "inbox.filter.multiple.sender": "{count, plural, =0 {Velg tjenesteeier} one {# tjenesteeier} other {# tjenesteeiere}}",

packages/frontend/src/i18n/resources/nn.json

@@ -179,6 +179,7 @@
   "footer.nav.privacy_policy": "Personvern",
   "global_menu.about_altinn": "Om nye Altinn",
   "global_menu.all_forms_services": "Alle skjema og tenester",
+  "global_menu.altinn_search": "Søk i Altinn",
   "global_menu.need_help": "Treng du hjelp?",
   "global_menu.start_business": "Starte og drive bedrift",
   "inbox.filter.multiple.sender": "{count, plural, =0 {Vel tenesteeigar} one {# tenesteeigar} other {# tenesteeigarar}}",