🏗️ Migrerer fra Next.js til Vite react

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>

next-frontend/pages/feil/index.tsx

@@ -0,0 +1,90 @@
+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>
+    )
+}