This repository has been archived on 2024-12-07. You can view files and clone it, but cannot push or open issues or pull requests.
helse-sprik/frontend/pages/index.tsx
Markus Johansen 6d5cffe8c2 Lagt til SWR for enklere bruk av hooks med axios (Kudos: Emil)
Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no>
2023-07-04 12:29:13 +02:00

26 lines
872 B
TypeScript

import "@navikt/ds-css";
import { Button, Heading } from "@navikt/ds-react";
import axios , { Axios, AxiosError } from "axios";
import useSWR from "swr";
const fetcher = (url: any) => axios.get(url).then(res => res.data)
function fetching() {
const {data, error, isLoading} = useSWR('http://0.0.0.0:8080/', fetcher);
if (error) return <div>failed to load: {error.message}</div>
if (isLoading) return <div>Loading...</div>
return <div>{data.data}</div>
}
export default function Home() {
return (
<main className="flex justify-center">
<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>
{fetching()}
</div>
</main>
)
}