diff --git a/frontend/src/components/CardsContainer.tsx b/frontend/src/components/CardsContainer.tsx index 1ce0925..4ee8292 100644 --- a/frontend/src/components/CardsContainer.tsx +++ b/frontend/src/components/CardsContainer.tsx @@ -3,10 +3,19 @@ import { backendURL } from "../const.ts"; import { Feilmelding } from "../interface.ts"; import { useEffect, useState } from "react"; +/** + * Komponent som laster inn feilmeldinger i kort fra database. + * @returns grid med feilmeldinger + */ const CardsContainer = () => { - const [test, setTest] = useState([]); - const feilMeldinger: Feilmelding[] = test; + // Array med feilmeldinger + const [feilMeldinger, setFeilmeldinger] = useState([]); + /** + * Fetcher feilmeldinger fra backend. + * Bruker endepunktet /api/hentallefeil. + * @returns response + */ async function fetchAlleFeil() { const response = await fetch(backendURL + "/api/hentallefeil", { method: "GET", @@ -16,7 +25,7 @@ const CardsContainer = () => { }) .then((data) => data.json()) .then((feil) => { - setTest( + setFeilmeldinger( feil.map((jsonFeilmelding: any) => new Feilmelding(jsonFeilmelding)) ); }) @@ -26,7 +35,10 @@ const CardsContainer = () => { return response; } - useEffect(() => {fetchAlleFeil()}) + // Sørger for at fetchAlleFeil() kun kjører når komponentet laster inn + useEffect(() => { + fetchAlleFeil() + }, []) return (
@@ -36,14 +48,12 @@ const CardsContainer = () => { key={feilMeldinger.indexOf(feilMelding)} tittel={feilMelding.tittel} beskrivelse={feilMelding.beskrivelse} - // haster={feilMelding.haster} dato={new Date()} /> ))}
); - }; -export default CardsContainer; +export default CardsContainer; \ No newline at end of file diff --git a/frontend/src/const.ts b/frontend/src/const.ts index bd39d81..4933ba5 100644 --- a/frontend/src/const.ts +++ b/frontend/src/const.ts @@ -1,6 +1,6 @@ -/* +/** * Konstanter vi bruker i diverse filer i applikasjonen */ -export const backendURL = "http://localhost:8080" -// export const backend = "https://helse-sprik.intern.dev.nav.no" \ No newline at end of file +// export const backendURL = "http://localhost:8080" +export const backend = "https://helse-sprik.intern.dev.nav.no" \ No newline at end of file