✨ Søk av feil implementert

Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>

frontend/src/components/CardsContainer.tsx

@@ -1,50 +1,21 @@
 import FeilCard from "./FeilCard";
 import { Feilmelding } from "../interface.ts";
-import { useEffect, useState } from "react";
+
+interface ICardsContainer {
+  feilmeldinger: Feilmelding[]
+}
 
 /**
  * Komponent som laster inn feilmeldinger i kort fra database.
  * @returns grid med feilmeldinger 
  */
-const CardsContainer = () => {
-  // Array med feilmeldinger
-  const [feilMeldinger, setFeilmeldinger] = useState<Feilmelding[]>([]);
-
-  /**
-   * Fetcher feilmeldinger fra backend.
-   * Bruker endepunktet /api/hentallefeil.
-   * @returns response
-   */
-  async function fetchAlleFeil() {
-    const response = await fetch("/api/hentallefeil", {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    })
-      .then((data) => data.json())
-      .then((feil) => {
-        setFeilmeldinger(
-          feil.map((jsonFeilmelding: any) => new Feilmelding(jsonFeilmelding))
-        );
-      })
-      .catch((error) => {
-        console.log(error);
-      });
-    return response;
-  }
-
-  // Sørger for at fetchAlleFeil() kun kjører når komponentet laster inn
-  useEffect(() => {
-    fetchAlleFeil()
-  }, [])
-
+const CardsContainer = (props: ICardsContainer) => {
   return (
     <div>
       <div className="grid grid-cols-2 gap-4">
-        {feilMeldinger.map((feilMelding) => (
+        {props.feilmeldinger.map((feilMelding) => (
           <FeilCard
-            key={feilMeldinger.indexOf(feilMelding)}
+            key={props.feilmeldinger.indexOf(feilMelding)}
             tittel={feilMelding.tittel}
             beskrivelse={feilMelding.beskrivelse}
             dato={new Date()}