import "@navikt/ds-css"; import { ArrowLeftIcon, BugIcon } from "@navikt/aksel-icons"; import { Alert, Button, Chips, Heading, Switch, TextField, Textarea } from "@navikt/ds-react"; import axios from "axios"; import { useState } from "react"; import BildeOpplastning from "../components/BildeOpplastning"; import Header from "../components/Header"; import { useNavigate } from "react-router-dom"; import Skillelinje from "../components/Skillelinje"; export default function Feil() { const [tittel, setTittel] = useState(""); const [beskrivelse, setBeskrivelse] = useState(""); const [status, setStatus] = useState(0) const [haster, setHaster] = useState(false) const [valgteTags, setValgteTags] = useState([] as string[]); const [aktørId, setAktørId] = useState(""); const handleSubmit = () => { const payload = { id: null, tittel: tittel, beskrivelse: beskrivelse, dato: new Date().toISOString().replace('Z', ''), // Litt wack fix, burde endres arbeidsstatus: 0, haster: haster, kommentar: null //kategorier: valgteTags //aktørId: aktørId } axios.post("/api/nyfeil", payload, { headers: { 'Content-Type': 'application/json' } }).then((response) => { setStatus(response.status) }).catch((error) => { console.log(error); }) } const handleAlerts = () => { if (status === 201) { console.log("Feil lagt til i database"); setTimeout(() => { navigate("/"); }, 5000); return Feil er meldt inn! Du vil nå sendes tilbake til hovedmenyen om fem sekunder. } else { console.log("Noe gikk galt, feil ikke lagt til i database!"); return Noe gikk galt! Prøv igjen om noen minutter. } } // TODO: clear data fra felter const navigate = useNavigate() const tags = [ "Utbetaling", "Inntekt", "Speil", "Annet" ]; return ( Innmelding av feil i speil setTittel(e.target.value)} /> setBeskrivelse(e.target.value)} /> Haster det å fikse feilen? setHaster(!haster)} > Saken Haster setAktørId(e.target.value)} /> Haster det å fikse feilen? {tags.map((c) => ( setValgteTags( valgteTags.includes(c) ? valgteTags.filter((x) => x !== c) : [...valgteTags, c] ) } > {c} ))} {status != 0 ? handleAlerts() : <>>} Meld inn feil } onClick={() => navigate("/")} > Gå tilbake til hovedmenyen ) }