Implementasjon av sessionStorage for ThreatActor

[nikitar]

Beskrivelse

Tidligere ble søk, filtre og paginering på ThreatActor-siden nullstilt når brukeren navigerte til en detaljside og deretter tilbake til katalogen.

Dette var litt upraktisk, spesielt hvis man hadde brukt tid på å kombinere flere filtre og navigert gjennom flere sider med resultater.

Derfor har jeg implementert sessionStorage, slik at katalogen husker brukerens aktive søk, filtre og sidenummer gjennom nettleserøkten.

Endringer

Opprettet hooks/useSessionStorage.ts, en gjenbrukbar hook som kombinerer useState, useEffect og nettleserens sessionStorage.

• Henter tidligere lagrede verdier ved initialisering av state.
• Bruker en standardverdi dersom ingen lagret verdi finnes.
• Oppdaterer sessionStorage automatisk når state endres.
• Bruker try/catch slik at komponenten fortsatt fungerer dersom lagring eller uthenting feiler.
• Bruker TypeScript-generics () slik at hooken kan brukes med ulike datatyper.
• Endret ThreatActor til å bruke useSessionStorage i stedet for vanlig useState(page, search og activefilters)

Overlever reload vvv

KI deklarasjon

I sammarbeid med KI ble useSessionStorage KI opprettet, der hvor jeg først brukte SessionStorage logikk fra prosjekt 1 som inspirasjon og deretter utbedret hooken til å fungere mer generelt ved hjelp av forslag fra KI.

Koblingen til ThreatActor ble primært gjort selvstednig, men med veiledning av KI.

Closes #79

[daniekba]

Smooth, ser bra ut