Komponenter

Gjenbrukbare UI-komponenter som brukes på tvers av applikasjonen.

Layout.jsx

Hovedlayout-komponenten som pakker inn alle sider. * Ansvar: * Viser Header/Navbar. * Håndterer navigasjonslenker basert på innloggingsstatus. * Viser Footer. * Rendrer children (selve sideinnholdet).

MissionCard.jsx

Kort-komponent for å vise et enkelt oppdrag. * Bruk: Brukes i MissionBoard og dashboards. * Props: * mission: Objektet med oppdragsdata. * onApply: Funksjon som kalles når man søker. * onSave: Funksjon for å lagre oppdraget. * onViewDetails: Funksjon for å vise mer info. * Utseende: Viser logo, tittel, beløp, sted, og nøkkelinfo.

RoleSelector.jsx

Komponent for å velge brukerrolle under registrering. * Valg: Bedrift, Idrettslag, Medlem. * Visuell: Store, klikkbare kort med ikoner og beskrivelse.

AuthContext.jsx (Provider)

Selv om dette teknisk sett er en Context Provider, fungerer den som en komponent som wrapper applikasjonen i App.jsx. * Ansvar: Holder på autentiseringstilstanden (currentUser, loading).