Laget component til å vise feilsaker

Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
This commit is contained in:
Amalie Mansåker 2023-07-05 16:04:42 +02:00
parent 4ad4ce0a75
commit 05a637c7d3
2 changed files with 49 additions and 6 deletions

View file

@ -1,25 +1,34 @@
import FeilCard from "@/components/feilCard";
import "@navikt/ds-css";
import { Button, Heading } from "@navikt/ds-react";
import { Button, Heading, Search } from "@navikt/ds-react";
import axios , { Axios, AxiosError } from "axios";
import { log } from "console";
import useSWR from "swr";
const fetcher = (url: any) => axios.get(url).then(res => res.data)
export default function Home() {
const {data, error, isLoading} = useSWR('http://0.0.0.0:8080/', fetcher);
console.log(data);
// const {data, error, isLoading} = useSWR('http://0.0.0.0:8080/', fetcher);
// console.log(data);
return (
<main className="flex justify-center">
<main className="flex flex-col py-8 justify-center">
<Search
label="Søk gjennom innmeldte feil (nøkkelord, tags, status)"
variant="primary"
hideLabel={false}
/>
<Heading level="1" size="medium">Innmeldte feil (saker, feilmeldingerm poster, feil)</Heading>
<div className="w-1/2 flex flex-col gap-4 justify-center text-center">
<Heading level="1" size="xlarge">Sprik</Heading>
<Button variant="primary">Meld inn feil</Button>
<Button variant="secondary">Meld inn funksjonalitetsønsker</Button>
{data ? <div>{data}</div> : <div>Laster</div>}
{/* {data ? <div>{data}</div> : <div>Laster</div>} */}
</div>
<FeilCard />
</main>
)
}