Aktor id backend (#31)

* 🚧 Frontend sender AktørID til backend

WIP: Database og backend takler ikke lange tall (må finne alternativ datatype til int)


* 🐛 Endret datatype på aktorid i database til BIGINT

* 🍱 Lagring av valgfri aktørid i database

* ✨ Aktørid vises på feilmeldinginnhold i frontend

* 🎨 Fjernet ubrukte logs, rettet grammatikk, fikset typing på aktorid frontend

---------

Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no>

frontend/src/components/FeilKort.tsx

@@ -63,6 +63,7 @@ const FeilKort = (props: IFeilKort) => {
                         setVisModal={setVisModal}
                         reset={props.reset}
                         kommentar={props.kommentar}
+                        aktorId={props.aktorId}
                     />
                 : 
                     <FeilmeldingsInnhold
@@ -76,8 +77,9 @@ const FeilKort = (props: IFeilKort) => {
                         setRedigeringsmodus={setRedigeringsmodus}
                         reset={props.reset}
                         kommentar={props.kommentar}
+                        aktorId={props.aktorId}
                     >
-                        <p>Her kommer det content</p>
+                        <p>aktorId: {props.aktorId}</p>
                     </FeilmeldingsInnhold>
                 }              
             </FeilModal>

frontend/src/components/KortKonteiner.tsx

@@ -25,6 +25,7 @@ const KortKonteiner = (props: IKortKonteiner) => {
               haster={feilMelding.haster}
               reset={props.reset}
               kommentar={feilMelding.kommentar}
+              aktorId={feilMelding.aktorid}
             />         
             ))
           }

frontend/src/index.tsx

@@ -18,9 +18,7 @@ export default function Home() {
    * Henter alle feilmeldinger fra backend.
    * Bruker endepunktet /api/hentallefeil.
    */  
-  const hentAlleFeil = async () => {
-    console.log("hentAlleFeil");
-    
+  const hentAlleFeil = async () => {    
     await axios.get("/api/hentallefeil")
       .then(data => data.data)
       .then(feil => {

frontend/src/interface.ts

@@ -11,6 +11,7 @@ export interface IFeilmelding {
     arbeidsstatus: number
     haster: boolean
     kommentar?: string
+    aktorId?: number
 }
 
 export interface FeilmeldingsInnholdInterface extends IFeilmelding {
@@ -28,6 +29,7 @@ export class Feilmelding implements IFeilmelding {
     arbeidsstatus: number = 0
     haster: boolean = false
     kommentar?: string = undefined
+    aktorid?: number = undefined
 
     /**
      * Typescript 2.1 syntax som lar deg sende inn et JSON object og mappe det til class.
@@ -42,6 +44,7 @@ export class Feilmelding implements IFeilmelding {
             arbeidsstatus: number
             haster: boolean
             kommentar: string
+            aktorId: number
         }) {
         if (fields) Object.assign(this, fields);    
     }

frontend/src/pages/feil.tsx

@@ -15,13 +15,9 @@ export default function Feil() {
     const [status, setStatus] = useState(0)
     const [haster, setHaster] = useState(false)
     const [valgteTags, setValgteTags] = useState([] as string[]);
-    const [aktørId, setAktørId] = useState("");
-
-    console.log(aktørId);
+    const [aktorid, setAktorid] = useState<number|null>(null);
     
-
     const handleSubmit = () => {
-
         const payload = {
             id: null,
             tittel: tittel,
@@ -29,9 +25,9 @@ export default function Feil() {
             dato: new Date().toISOString().replace('Z', ''), // Litt wack fix, burde endres
             arbeidsstatus: 0,
             haster: haster,
-            kommentar: null
+            kommentar: null,
+            aktorid: aktorid ? aktorid : null,
             //kategorier: valgteTags
-            //aktørId: aktørId
         }
         
         axios.post("/api/nyfeil", payload, {
@@ -118,8 +114,8 @@ export default function Feil() {
                         <Skillelinje/>
                         <TextField
                             label="Aktør-ID (valgfritt)"
-                            description="Legg ved Aktør-ID om det er relevant"
-                            onChange={e => setAktørId(e.target.value)}
+                            description="Legg ved aktør-ID om det er relevant"
+                            onChange={e => setAktorid(parseInt(e.target.value))}
                         />
 
                         <Skillelinje/>