Opprettet dynamisk uthenting av filteroptions på ThreatActor

[nikitar]

Beskrivelse

Implementerer dynamiske filtervalg for ThreatActor-siden. Tidligere var filteralternativene hardkodet med mock-data. Nå hentes tilgjengelige filteralternativer og antall tilhørende trusselaktører direkte fra databasen.

Løsningen er laget for å være skalerbar ved at filteralternativene oppdateres i takt med datagrunnlaget, samtidig som Apollo Client cacher resultatene for å redusere unødvendige forespørsler.

Endringer

Backend

• Implementerte getThreatActorFilterOptions() i threatActorRepository, som returnerer filter options for Country, Region, Motivation, Sector, Status og Danger Level.
• Hver resultat er på formen {verdi: ACTIVE, label: Active, count: antall treff)
• Kjører database spørringer parallelt for optimalisering
• Opprettet nødvendige typer og oppdaterte resolver og defs til å støtte getThreatActorFilterOptions()

Frontend

• Opprettet en ThreatActorFilterDropdown.tsx som vist på bildet over. Refaktorerte ThreatActorFilter.tsx til å støtte nye componenten
• Brukte KI tl å midlertidig definere design, men jeg jobber med funksjonaliteten
• Opprettet GraphQL-query og tilhørende TypeScript-typer for å støtte getThreatActorFilterOptions() (GET_THREAT_ACTOR_FILTER_OPTIONS)
• Henter filteralternativene med Apollo Clients useQuery() og cache-first. For skalerbarhet og yttelse.
• Sender filterdata fra ThreatActors.tsx til ThreatActorFilters via props.
• Beholder sorteringsalternativene som statiske verdier.
• Bruker KI til å forbedre interaksjon med FilterDropdown komponenten

KI deklarasjon

KI ble brukt som veileder og debugger. Brukte tidligere queries som inspirasjon til å opprette getThreatActorFilterOptions(), samt resolvers og defs. Dermed ble KI brukt hovedsakelig i frontend, blant annet:

• Refaktorering av filterbox og opprettelse av ThreatActorFilterDropdown og css.
• Riktig kobling og arkitektur mellom ThreatActor -> ThreatActorFilter -> ThreatActorFilterDropdown
• Inspirasjon om å cache queries GET_THREAT_ACTOR_FILTER_OPTIONS fikk jeg fra KI, men implementasjonen ble vurdert og testet.

Cache test

Først reload (nullstille cache) deretter åpne ThreatActor

Deretter naviger til Home, og så tilbake til ThreatActor

Resultat

Ingen ekstra getThreatActorFilterOptions() request

Closes #75

[daniekba]

Masse nytt, bra jobba