diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/ModiaContext.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/ModiaContext.tsx index 92061463c9..a193724433 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/ModiaContext.tsx +++ b/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; - 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(null); + const [loadedFilter, setLoadedFilter] = useState(null); useEffect(() => { if (props.contextData) { diff --git a/frontend/mulighetsrommet-veileder-flate/src/components/filtrering/Filtertags.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/filtrering/ModiaFilterTags.tsx similarity index 82% rename from frontend/mulighetsrommet-veileder-flate/src/components/filtrering/Filtertags.tsx rename to frontend/mulighetsrommet-veileder-flate/src/apps/modia/filtrering/ModiaFilterTags.tsx index 2a67f1dd1d..1025652122 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/components/filtrering/Filtertags.tsx +++ b/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 ( -
+ {filter.apentForInnsok !== ApentForInnsok.APENT_ELLER_STENGT && ( setFilter({ ...filter, search: "" })} /> )} -
+ ); } diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakOversikt.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakOversikt.tsx index 9b92078195..0e1823c809 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakOversikt.tsx +++ b/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={} - tags={} + tags={} table={
diff --git a/frontend/mulighetsrommet-veileder-flate/src/components/filtrering/FiltertagsArbeidsmarkedstiltak.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/filtrering/NavFilterTags.tsx similarity index 84% rename from frontend/mulighetsrommet-veileder-flate/src/components/filtrering/FiltertagsArbeidsmarkedstiltak.tsx rename to frontend/mulighetsrommet-veileder-flate/src/apps/nav/filtrering/NavFilterTags.tsx index d7babdf863..c590c8585b 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/components/filtrering/FiltertagsArbeidsmarkedstiltak.tsx +++ b/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 ( -
+ {filter.search && ( -
+ ); } diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx index aa594a3fe8..d50d98cca5 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx +++ b/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) => { } - tags={} + tags={} resetButton={ filterHasChanged && (
+ ); +} diff --git a/frontend/mulighetsrommet-veileder-flate/src/hooks/useArbeidsmarkedstiltakFilter.ts b/frontend/mulighetsrommet-veileder-flate/src/hooks/useArbeidsmarkedstiltakFilter.ts index fd08309b1e..82ddf093ea 100644 --- a/frontend/mulighetsrommet-veileder-flate/src/hooks/useArbeidsmarkedstiltakFilter.ts +++ b/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 = createJSONStorage(() => sessionStorage); +const filterStorage: SyncStorage = createJSONStorage( + () => sessionStorage, +); const ARBEIDSMARKEDSTILTAK_FILTER_KEY = "arbeidsmarkedstiltak-filter"; @@ -135,7 +139,7 @@ const defaultTiltaksgjennomforingfilter: ArbeidsmarkedstiltakFilter = { apentForInnsok: ApentForInnsok.APENT_ELLER_STENGT, }; -export const filterAtom = atomWithStorage( +export const filterAtom = atomWithStorage( ARBEIDSMARKEDSTILTAK_FILTER_KEY, { brukerIKontekst: null, filter: defaultTiltaksgjennomforingfilter }, filterStorage,