diff --git a/src/components/Systemvarsel.tsx b/src/components/Systemvarsel.tsx index 977ef51b..bd999999 100644 --- a/src/components/Systemvarsel.tsx +++ b/src/components/Systemvarsel.tsx @@ -1,6 +1,8 @@ import { Alert, BodyShort, Label } from '@navikt/ds-react'; import React from 'react'; import { EksternLenke } from '@/components/EksternLenke'; +import { StoreKey, useLocalStorageState } from '@/hooks/useLocalStorageState'; +import dayjs from 'dayjs'; const texts = { header: 'Teknisk feil påvirket forhåndsvarsler mellom 27. februar - 12. mars', @@ -12,16 +14,28 @@ const texts = { }; export default function Systemvarsel() { + const [hideAlertDate, setHideAlertDate] = useLocalStorageState( + StoreKey.HIDE_ALERT_DATE, + null + ); + + const showAlert = + !hideAlertDate || dayjs(hideAlertDate).add(1, 'day') < dayjs(new Date()); + return ( - - - {texts.info} - {texts.linkText} - + showAlert && ( + setHideAlertDate(new Date())} + closeButton + > + + {texts.info} + {texts.linkText} + + ) ); } diff --git a/src/hooks/useLocalStorageState.ts b/src/hooks/useLocalStorageState.ts index 13de9835..1e1fb506 100644 --- a/src/hooks/useLocalStorageState.ts +++ b/src/hooks/useLocalStorageState.ts @@ -3,6 +3,7 @@ import { useEffect, useState } from 'react'; export enum StoreKey { SORTING = 'sorting', FLEXJAR_ARENABRUK_FEEDBACK_DATE = 'flexjarArenabrukFeedbackDate', + HIDE_ALERT_DATE = 'hideAlertDate', } export const useLocalStorageState = (key: StoreKey, initialState: T) => {