177d6c7cd8
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>
90 lines
No EOL
3.3 KiB
TypeScript
90 lines
No EOL
3.3 KiB
TypeScript
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 axios from "axios";
|
|
import { useState } from "react";
|
|
import router from "next/router";
|
|
import BildeOpplastning from "@/components/BildeOpplastning";
|
|
import Header from "@/components/Header";
|
|
|
|
export default function Feil() {
|
|
const [tittel, setTittel] = useState("");
|
|
const [beskrivelse, setBeskrivelse] = useState("");
|
|
|
|
const handleSubmit = () => {
|
|
axios.post("https://helse-sprik.intern.dev.nav.no/nyFeil",
|
|
{
|
|
"data": {
|
|
tittel: tittel,
|
|
beskrivelse: beskrivelse,
|
|
dato: new Date()
|
|
}
|
|
}, {
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
}).then((response) => {
|
|
console.log(response)
|
|
}).catch((error) => {
|
|
console.log(error);
|
|
})
|
|
}
|
|
|
|
// TODO: clear data fra felter
|
|
|
|
|
|
return (
|
|
<main className="flex flex-col h-screen">
|
|
<Header/>
|
|
<div className="flex grow">
|
|
<div className="w-1/4 bg-bg-subtle"></div>
|
|
<div className="flex flex-col justify-center gap-16 p-8 px-16 grow">
|
|
<div className=" flex flex-col gap-2 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"
|
|
onChange={e => setTittel(e.target.value)}
|
|
/>
|
|
<Textarea
|
|
label="Beskrivelse"
|
|
description="Detaljert beskrivelse av problemet"
|
|
onChange={e => setBeskrivelse(e.target.value)}
|
|
/>
|
|
<BildeOpplastning/>
|
|
</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 />}
|
|
onClick={() => {
|
|
router.push('/')
|
|
}}
|
|
>
|
|
Gå tilbake til hovedmenyen
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<div className="w-1/4 bg-bg-subtle"></div>
|
|
</div>
|
|
</main>
|
|
)
|
|
} |