sidski/helse-sprik
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 Ryddet opp i 🍝-kode

Browse source 
Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
This commit is contained in:
Sindre Kjelsrud 2023-07-06 13:53:09 +02:00
parent c7c0a1f130
commit 704bc8951a
3 changed files with 66 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

104
frontend/pages/feil/index.tsx
View file

@ -2,7 +2,7 @@ import "@navikt/ds-css";
import { ArrowLeftIcon, BugIcon, UploadIcon } from "@navikt/aksel-icons";
import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
import post from "../api/http";
import post from "../api/http";
import { useState } from "react";
export default function Feil() {
@ -10,69 +10,63 @@ export default function Feil() {
const [beskrivelse, setBeskrivelse] = useState("");
const handleSubmit = () => {
//hent ut data fra felter lagre i var
console.log("submit");
const data = {
"tittel": tittel,
"beskrivelse": beskrivelse
};
console.log(data);
post("/nyFeil", data)
//clear data fra felter
// TODO: clear data fra felter
}
return (
<main className="flex flex-col justify-center gap-32 p-16">
<div className="w-1/2 flex flex-col gap-4 justify-center">
<BugIcon
title="Insekts ikon"
fontSize="3rem"
/>
<Heading
level="1"
size="xlarge"
>
<main className="flex flex-col justify-center gap-32 p-16">
<div className="w-1/2 flex flex-col gap-4 justify-center">
<BugIcon
title="Insekts ikon"
fontSize="3rem"
/>
<Heading
level="1"
size="xlarge"
>
Innmelding av feil i speil
</Heading>
</div>
<div className="w-1/2 flex flex-col gap-4 justify-center">
<TextField
label="Tittel"
description="En kort oppsummering av problemet"
onChange={e => setTittel(e.target.value)}
/>
<Textarea
label="Beskrivelse"
description="Detaljert beskrivelse av problemet"
onChange={e => setBeskrivelse(e.target.value)}
/>
</Heading>
</div>
<div className="w-1/2 flex flex-col gap-4 justify-center">
<TextField
label="Tittel"
description="En kort oppsummering av problemet"
onChange={e => setTittel(e.target.value)}
/>
<Textarea
label="Beskrivelse"
description="Detaljert beskrivelse av problemet"
onChange={e => setBeskrivelse(e.target.value)}
/>
<Button
variant="secondary"
icon={<UploadIcon />}
>
Last opp skjermbilder
</Button>
</div>
<div className="w-1/2 flex flex-col gap-2 justify-center">
<Button
onClick={handleSubmit}
variant="primary"
>
Meld inn feil
</Button>
<Button
variant="tertiary"
icon={<ArrowLeftIcon />}
>
Gå tilbake til hovedmenyen
</Button>
</div>
</main>
<Button
variant="secondary"
icon={<UploadIcon />}
>
Last opp skjermbilder
</Button>
</div>
<div className="w-1/2 flex flex-col gap-2 justify-center">
<Button
onClick={handleSubmit}
variant="primary"
>
Meld inn feil
</Button>
<Button
variant="tertiary"
icon={<ArrowLeftIcon />}
>
Gå tilbake til hovedmenyen
</Button>
</div>
</main>
)
}
}