🎨 Ryddet opp i 🍝-kode

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>

frontend/pages/api/hello.ts

@@ -1,13 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from 'next'
-
-type Data = {
-  name: string
-}
-
-export default function handler(
-  req: NextApiRequest,
-  res: NextApiResponse<Data>
-) {
-  res.status(200).json({ name: 'John Doe' })
-}

frontend/pages/feil/index.tsx

@@ -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">
+        <main className="flex flex-col justify-center gap-32 p-16">
-        <div className="w-1/2 flex flex-col gap-4 justify-center">
+            <div className="w-1/2 flex flex-col gap-4 justify-center">
-            <BugIcon 
+                <BugIcon
-                title="Insekts ikon" 
+                    title="Insekts ikon"
-                fontSize="3rem" 
+                    fontSize="3rem"
-            />
+                />
-            <Heading 
+                <Heading
-                level="1" 
+                    level="1"
-                size="xlarge"
+                    size="xlarge"
-            >
+                >
                     Innmelding av feil i speil
-            </Heading>
+                </Heading>
-        </div>
+            </div>
-        <div className="w-1/2 flex flex-col gap-4 justify-center">
+            <div className="w-1/2 flex flex-col gap-4 justify-center">
-            <TextField 
+                <TextField
-                label="Tittel" 
+                    label="Tittel"
-                description="En kort oppsummering av problemet"
+                    description="En kort oppsummering av problemet"
-                onChange={e => setTittel(e.target.value)}
+                    onChange={e => setTittel(e.target.value)}
-            />
+                />
-            <Textarea 
+                <Textarea
-                label="Beskrivelse" 
+                    label="Beskrivelse"
-                description="Detaljert beskrivelse av problemet"
+                    description="Detaljert beskrivelse av problemet"
-                onChange={e => setBeskrivelse(e.target.value)} 
+                    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 />}
-            >
+                >
-                Gå tilbake til hovedmenyen
+                    Gå tilbake til hovedmenyen
-            </Button>
+                </Button>
-        </div>
+            </div>
-      </main>
+        </main>
     )
-  }
+}

frontend/pages/index.tsx

@@ -1,12 +1,8 @@
 import FeilCard from "../components/FeilCard";
 import "@navikt/ds-css";
 import { Button, Heading, Search } from "@navikt/ds-react";
-import axios , { Axios, AxiosError } from "axios";
 import router from "next/router";
 
-
-const fetcher = (url: any) => axios.get(url).then(res => res.data)
-
 export default function Home() {
 
   const handleFeil = () => {
@@ -20,12 +16,24 @@ export default function Home() {
         variant="primary"
         hideLabel={false}
       />
-      <Heading level="1" size="medium">Innmeldte feil (saker, feilmeldingerm poster, feil)</Heading>
+      <Heading 
-
+        level="1" 
+        size="medium"
+      >
+        Innmeldte feil (saker, feilmeldingerm poster, feil)
+      </Heading>
       <div className="w-1/2 flex flex-col gap-4 justify-center text-center">
-        <Button variant="primary" onClick={handleFeil}>Meld inn feil</Button>
+        <Button 
-        <Button variant="secondary">Meld inn funksjonalitetsønsker</Button>
+          variant="primary" 
-      
+          onClick={handleFeil}
+        >
+          Meld inn feil
+        </Button>
+        <Button 
+          variant="secondary"
+        >
+          Meld inn funksjonalitetsønsker
+        </Button>
       </div>
       <FeilCard />
     </main>