🚀 Deploy react frontend

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>
This commit is contained in:
Markus Johansen 2023-07-19 15:22:53 +02:00
parent 1805256e3c
commit 21504eed5c
7 changed files with 148 additions and 151 deletions

53
frontend/src/index.tsx Normal file
View file

@ -0,0 +1,53 @@
import CardsContainer from "./components/CardsContainer";
import "@navikt/ds-css";
import { Button, Heading, Search } from "@navikt/ds-react";
import Header from "./components/Header";
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>
)
}