2039 Refetch meta-data on language change (#1834)

* lang as cach-key package meta-data

* refactor: simplify skip condition for package permission query

Author: sonwit

src/features/amUI/common/AccessPackageList/useAreaPackageList.ts

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import type { Permissions } from '@/dataObjects/dtos/accessPackage';
 import {
@@ -43,14 +44,15 @@ export const useAreaPackageList = ({
   showAllAreas,
   showAllPackages,
 }: useAreaPackagesProps) => {
+  const { i18n } = useTranslation();
   const { fromParty, toParty, actingParty } = usePartyRepresentation();
 
   const {
     data: allPackageAreas,
     isLoading: loadingPackageAreas,
     isFetching: fetchingSearch,
     error: searchError,
-  } = useSearchQuery(searchString ?? '');
+  } = useSearchQuery({ searchString: searchString ?? '', language: i18n.language });
 
   const {
     data: activeDelegations,

src/features/amUI/packagePoaDetailsPage/PackagePoaDetails.tsx

@@ -17,7 +17,7 @@ import { FilesIcon, PersonGroupIcon } from '@navikt/aksel-icons';
 
 export const PackagePoaDetails = () => {
   const { id } = useParams<{ id: string }>();
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const { fromParty } = usePartyRepresentation();
   const { canDelegatePackage } = useAccessPackageDelegationCheck();
 
@@ -30,6 +30,7 @@ export const PackagePoaDetails = () => {
     {
       from: fromParty?.partyUuid ?? '',
       packageId: id || '',
+      language: i18n.language,
     },
     { skip: !id || !fromParty?.partyUuid },
   );

src/features/amUI/packagePoaDetailsPage/PackagePoaDetailsPage.tsx

@@ -58,12 +58,14 @@ export const PackagePoaDetailsPage = () => {
 
 const BreadcrumbsWrapper = () => {
   const { id } = useParams<{ id: string }>();
+  const { i18n } = useTranslation();
   const { fromParty } = usePartyRepresentation();
 
   const { data: accessPackage } = useGetPackagePermissionDetailsQuery(
     {
       from: fromParty?.partyUuid ?? '',
       packageId: id || '',
+      language: i18n.language,
     },
     { skip: !id || !fromParty?.partyUuid },
   );

src/rtk/features/accessPackageApi.ts

@@ -76,8 +76,8 @@ export const accessPackageApi = createApi({
   }),
   tagTypes: ['AccessPackages'],
   endpoints: (builder) => ({
-    search: builder.query<AccessArea[], string>({
-      query: (searchString) => {
+    search: builder.query<AccessArea[], { searchString: string; language: string }>({
+      query: ({ searchString }) => {
         return `search?&searchString=${searchString}`;
       },
     }),
@@ -93,7 +93,7 @@ export const accessPackageApi = createApi({
     }),
     getPackagePermissionDetails: builder.query<
       AccessPackage,
-      { from?: string; to?: string; party?: string; packageId: string }
+      { from?: string; to?: string; party?: string; packageId: string; language: string }
     >({
       query: ({ from, to, party = getCookie('AltinnPartyUuid'), packageId }) => {
         return `permission/${packageId}?from=${from ?? ''}&to=${to ?? ''}&party=${party}`;