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

💄✨ oppdaterte stil på feilinnmeldings-siden og la til routing tilbake til hovedsiden

Browse source 
Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
This commit is contained in:
Markus Johansen 2023-07-06 16:10:54 +02:00
parent 8716505f5e
commit f4c6aaa73e
1 changed files with 52 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,6 +4,7 @@ import { ArrowLeftIcon, BugIcon, UploadIcon } from "@navikt/aksel-icons";
import { Button, Heading, TextField, Textarea } from "@navikt/ds-react"; import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
import post from "../api/http"; import post from "../api/http";
import { useState } from "react"; import { useState } from "react";
import router from "next/router";
export default function Feil() { export default function Feil() {
const [tittel, setTittel] = useState(""); const [tittel, setTittel] = useState("");
@ -21,52 +22,59 @@ export default function Feil() {
} }
return ( return (
<main className="flex flex-col justify-center gap-32 p-16"> <main className="flex h-screen">
<div className="w-1/2 flex flex-col gap-4 justify-center"> <div className="w-1/4 bg-bg-subtle"></div>
<BugIcon <div className="flex flex-col justify-center gap-32 p-16 grow">
title="Insekts ikon" <div className="w-1/2 flex flex-col gap-4 justify-center">
fontSize="3rem" <BugIcon
/> title="Insekts ikon"
<Heading fontSize="3rem"
level="1" />
size="xlarge" <Heading
> level="1"
Innmelding av feil i speil size="xlarge"
</Heading> >
</div> Innmelding av feil i speil
<div className="w-1/2 flex flex-col gap-4 justify-center"> </Heading>
<TextField </div>
label="Tittel" <div className="w-1/2 flex flex-col gap-4 justify-center">
description="En kort oppsummering av problemet" <TextField
onChange={e => setTittel(e.target.value)} label="Tittel"
/> description="En kort oppsummering av problemet"
<Textarea onChange={e => setTittel(e.target.value)}
label="Beskrivelse" />
description="Detaljert beskrivelse av problemet" <Textarea
onChange={e => setBeskrivelse(e.target.value)} label="Beskrivelse"
/> description="Detaljert beskrivelse av problemet"
onChange={e => setBeskrivelse(e.target.value)}
/>
<Button <Button
variant="secondary" variant="secondary"
icon={<UploadIcon />} icon={<UploadIcon />}
> >
Last opp skjermbilder Last opp skjermbilder
</Button> </Button>
</div> </div>
<div className="w-1/2 flex flex-col gap-2 justify-center"> <div className="w-1/2 flex flex-col gap-2 justify-center">
<Button <Button
onClick={handleSubmit} onClick={handleSubmit}
variant="primary" variant="primary"
> >
Meld inn feil Meld inn feil
</Button> </Button>
<Button <Button
variant="tertiary" variant="tertiary"
icon={<ArrowLeftIcon />} icon={<ArrowLeftIcon />}
> onClick={() => {
Gå tilbake til hovedmenyen router.push('/')
</Button> }}
>
Gå tilbake til hovedmenyen
</Button>
</div>
</div> </div>
<div className="w-1/4 bg-bg-subtle"></div>
</main> </main>
) )
} }