renaming av funksjoner og components

frontend/mulighetsrommet-veileder-flate/src/apps/modia/ModiaContext.tsx

@@ -3,8 +3,8 @@ import { useHydrateAtoms } from "jotai/utils";
 import { ReactNode, useEffect, useState } from "react";
 import { AppContextData, modiaContextAtom } from "./hooks/useModiaContext";
 import {
-  Filter,
   filterAtom,
+  FilterMedBrukerIKontekst,
   getDefaultFilterForBrukerIKontekst,
 } from "@/hooks/useArbeidsmarkedstiltakFilter";
 import { ReactQueryProvider } from "@/ReactQueryProvider";
@@ -21,7 +21,7 @@ function HydrateAtoms({
   children,
 }: {
   appContext: Partial<AppContextData>;
-  filter: Filter;
+  filter: FilterMedBrukerIKontekst;
   children: ReactNode;
 }) {
   /**
@@ -37,7 +37,7 @@ function HydrateAtoms({
 export function ModiaContext(props: ModiaContextProps) {
   const [contextData, setContextData] = useAtom(modiaContextAtom);
 
-  const [loadedFilter, setLoadedFilter] = useState<Filter | null>(null);
+  const [loadedFilter, setLoadedFilter] = useState<FilterMedBrukerIKontekst | null>(null);
 
   useEffect(() => {
     if (props.contextData) {

frontend/mulighetsrommet-veileder-flate/src/components/filtrering/Filtertags.tsx → frontend/mulighetsrommet-veileder-flate/src/apps/modia/filtrering/ModiaFilterTags.tsx

@@ -3,15 +3,15 @@ import {
   ArbeidsmarkedstiltakFilterGruppe,
   useArbeidsmarkedstiltakFilter,
 } from "@/hooks/useArbeidsmarkedstiltakFilter";
-import FilterTag from "../tags/FilterTag";
-import styles from "./Filtertags.module.scss";
-import { NavEnhetTag } from "../tags/NavEnhetTag";
+import FilterTag from "../../../components/tags/FilterTag";
+import { NavEnhetTag } from "@/components/tags/NavEnhetTag";
+import { FilterTagsContainer } from "@/components/filtrering/FilterTagsContainer";
 
-export function Filtertags() {
+export function ModiaFilterTags() {
   const [filter, setFilter] = useArbeidsmarkedstiltakFilter();
 
   return (
-    <div className={styles.filtertags} data-testid="filtertags">
+    <FilterTagsContainer>
       <NavEnhetTag />
       {filter.apentForInnsok !== ApentForInnsok.APENT_ELLER_STENGT && (
         <FilterTag
@@ -47,6 +47,6 @@ export function Filtertags() {
           handleClick={() => setFilter({ ...filter, search: "" })}
         />
       )}
-    </div>
+    </FilterTagsContainer>
   );
 }

frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakOversikt.tsx

@@ -8,7 +8,7 @@ import { TiltakLoader } from "@/components/TiltakLoader";
 import { BrukersOppfolgingsenhetVarsel } from "@/apps/modia/varsler/BrukersOppfolgingsenhetVarsel";
 import { Feilmelding, ForsokPaNyttLink } from "@/components/feilmelding/Feilmelding";
 import { FilterAndTableLayout } from "@/components/filtrering/FilterAndTableLayout";
-import { Filtertags } from "@/components/filtrering/Filtertags";
+import { ModiaFilterTags } from "@/apps/modia/filtrering/ModiaFilterTags";
 import { HistorikkButton } from "@/apps/modia/historikk/HistorikkButton";
 import { BrukerHarIkke14aVedtakVarsel } from "@/apps/modia/varsler/BrukerHarIkke14aVedtakVarsel";
 import { FiltrertFeilInnsatsgruppeVarsel } from "@/apps/modia/varsler/FiltrertFeilInnsatsgruppeVarsel";
@@ -142,7 +142,7 @@ export const ModiaArbeidsmarkedstiltakOversikt = () => {
           </>
         }
         filter={<FilterMenyMedSkeletonLoader />}
-        tags={<Filtertags />}
+        tags={<ModiaFilterTags />}
         table={
           <div style={{ marginTop: "1rem" }}>
             <BrukersOppfolgingsenhetVarsel brukerdata={brukerdata} />

frontend/mulighetsrommet-veileder-flate/src/components/filtrering/FiltertagsArbeidsmarkedstiltak.tsx → frontend/mulighetsrommet-veileder-flate/src/apps/nav/filtrering/NavFilterTags.tsx

@@ -3,15 +3,15 @@ import {
   ArbeidsmarkedstiltakFilterGruppe,
   useArbeidsmarkedstiltakFilterUtenBrukerIKontekst,
 } from "@/hooks/useArbeidsmarkedstiltakFilter";
-import FilterTag from "../tags/FilterTag";
-import styles from "./Filtertags.module.scss";
-import { NavEnhetTag } from "../tags/NavEnhetTag";
+import FilterTag from "../../../components/tags/FilterTag";
+import { NavEnhetTag } from "../../../components/tags/NavEnhetTag";
+import { FilterTagsContainer } from "@/components/filtrering/FilterTagsContainer";
 
-export function FiltertagsArbeidsmarkedstiltak() {
+export function NavFilterTags() {
   const [filter, setFilter] = useArbeidsmarkedstiltakFilterUtenBrukerIKontekst();
 
   return (
-    <div className={styles.filtertags} data-testid="filtertags">
+    <FilterTagsContainer>
       {filter.search && (
         <FilterTag
           options={[{ id: "search", tittel: `'${filter.search}'` }]}
@@ -54,6 +54,6 @@ export function FiltertagsArbeidsmarkedstiltak() {
           })
         }
       />
-    </div>
+    </FilterTagsContainer>
   );
 }

frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx

@@ -9,7 +9,7 @@ import {
   useResetArbeidsmarkedstiltakFilterUtenBrukerIKontekst,
   valgteEnhetsnumre,
 } from "@/hooks/useArbeidsmarkedstiltakFilter";
-import { FiltertagsArbeidsmarkedstiltak } from "@/components/filtrering/FiltertagsArbeidsmarkedstiltak";
+import { NavFilterTags } from "@/apps/nav/filtrering/NavFilterTags";
 
 interface Props {
   preview: boolean;
@@ -27,7 +27,7 @@ export const NavArbeidsmarkedstiltakOversikt = ({ preview }: Props) => {
     <FilterAndTableLayout
       buttons={null}
       filter={<FilterMenyMedSkeletonLoader />}
-      tags={<FiltertagsArbeidsmarkedstiltak />}
+      tags={<NavFilterTags />}
       resetButton={
         filterHasChanged && (
           <Button

frontend/mulighetsrommet-veileder-flate/src/components/filtrering/FilterTagsContainer.tsx

@@ -0,0 +1,10 @@
+import styles from "@/components/filtrering/FilterTagsContainer.module.scss";
+import { PropsWithChildren } from "react";
+
+export function FilterTagsContainer(props: PropsWithChildren) {
+  return (
+    <div className={styles.filtertags} data-testid="filtertags">
+      {props.children}
+    </div>
+  );
+}

frontend/mulighetsrommet-veileder-flate/src/hooks/useArbeidsmarkedstiltakFilter.ts

@@ -102,12 +102,14 @@ export function useResetArbeidsmarkedstiltakFilterUtenBrukerIKontekst() {
   };
 }
 
-export interface Filter {
+export interface FilterMedBrukerIKontekst {
   brukerIKontekst: string | null;
   filter: ArbeidsmarkedstiltakFilter;
 }
 
-export function getDefaultFilterForBrukerIKontekst(brukerIKontekst: string | null): Filter {
+export function getDefaultFilterForBrukerIKontekst(
+  brukerIKontekst: string | null,
+): FilterMedBrukerIKontekst {
   const defaultFilterForBrukerIKontekst = {
     brukerIKontekst,
     filter: defaultTiltaksgjennomforingfilter,
@@ -123,7 +125,9 @@ export function getDefaultFilterForBrukerIKontekst(brukerIKontekst: string | nul
     : defaultFilterForBrukerIKontekst;
 }
 
-const filterStorage: SyncStorage<Filter> = createJSONStorage(() => sessionStorage);
+const filterStorage: SyncStorage<FilterMedBrukerIKontekst> = createJSONStorage(
+  () => sessionStorage,
+);
 
 const ARBEIDSMARKEDSTILTAK_FILTER_KEY = "arbeidsmarkedstiltak-filter";
 
@@ -135,7 +139,7 @@ const defaultTiltaksgjennomforingfilter: ArbeidsmarkedstiltakFilter = {
   apentForInnsok: ApentForInnsok.APENT_ELLER_STENGT,
 };
 
-export const filterAtom = atomWithStorage<Filter>(
+export const filterAtom = atomWithStorage<FilterMedBrukerIKontekst>(
   ARBEIDSMARKEDSTILTAK_FILTER_KEY,
   { brukerIKontekst: null, filter: defaultTiltaksgjennomforingfilter },
   filterStorage,