Implementasjon av dynamisk tilbake-navigasjon mellom Detailed pages

[nikitar]

Beskrivelse

Tidligere hadde detaljsidene hardkodede tilbake-lenker som alltid sendte brukeren til den tilhørende katalogen.

Dette var litt upraktisk når man navigerte mellom ulike entiteter. Hvis man for eksempel åpnet en Software-profil fra en Threat Actor, ville tilbakeknappen sendt brukeren til Software-katalogen i stedet for tilbake til Threat Actor-profilen.

Derfor har jeg implementert en gjenbrukbar BackButton og gjort tilknyttede Techniques og Software klikkbare på ThreatActor-detaljsiden.

Målet er å gjøre det enklere å navigere mellom relaterte entiteter uten å miste oversikten over hvor man kom fra.

Endringer

• Opprettet components/navigation/BackButton.tsx med tilhørende CSS. Som bruker useNavigate() fra React Router.
• Tidligere måtte hver detaljside ha sin egen hardkodede tilbake-lenke. Ved å samle logikken i én komponent slipper vi å gjenta koden, samtidig som tilbakeknappen fungerer på samme måte på tvers av detaljsidene.
• Erstattet de tidligere tilbake-lenkene med BackButton på ThreatActorDetailed, TechniqueDetailed, TacticDetailed, SoftwareDetail
• Endret også Associated Entities til å være klikkbare på ThreatActorDetailed page

KI Deklarasjon

KI bidro med forslag til den gjenbrukbare BackButton-komponenten, bruken av useNavigate() og hvordan vi kunne håndtere tilfeller der brukeren åpner en detaljside direkte.

Vi diskuterte også hvordan Associated Techniques og Software kunne gjøres klikkbare ved hjelp av React Router Link, uten å endre det eksisterende designet.

Forslagene ble gjennomgått og tilpasset prosjektets komponentstruktur.

Closes #80

[daniekba]

Eyo, smart endring å ha