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/next-frontend/pages/index.tsx
Markus Johansen 177d6c7cd8 🏗️ Migrerer fra Next.js til Vite react
Co-authored-by: Øydis Kind Refsum <oydis.kind.refsum@nav.no>
Co-authored-by: Christian Bulow Skovborg <christian.bulow.skovborg@nav.no>
Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
2023-07-19 14:53:13 +02:00

53 lines
1.4 KiB
TypeScript

import CardsContainer from "@/components/CardsContainer";
import Header from "@/components/Header";
import "@navikt/ds-css";
import { Button, Heading, Search } from "@navikt/ds-react";
import router from "next/router";
export default function Home() {
const handleFeil = () => {
router.push('/feil')
}
return (
<main className="flex flex-col h-screen">
<Header/>
<div className="flex justify-center grow">
<div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
<div className="flex flex-col gap-4 text-center bottom-0">
<Button
variant="primary"
onClick={handleFeil}
>
Meld inn feil
</Button>
<Button
variant="secondary"
>
Meld inn funksjonalitetsønsker
</Button>
</div>
</div>
<div className="p-8 grow flex gap-8 flex-col">
<Search
label="Søk gjennom innmeldte feil (nøkkelord, tags, status)"
variant="primary"
hideLabel={false}
/>
<Heading
level="1"
size="medium"
>
Innmeldte feil (saker, feilmeldinger poster, feil)
</Heading>
<CardsContainer/>
</div>
<div className="bg-bg-subtle w-1/6 p-8">
<h1>Filter to be</h1>
</div>
</div>
</main>
)
}