From 925636700556ca8cbbaf3cc6bbf3bb7f293c6e7f Mon Sep 17 00:00:00 2001
From: Lord Andre Groseth <andregroseth@hotmail.com>
Date: Fri, 1 Nov 2024 13:09:45 +0100
Subject: [PATCH] ADD: boolfield to replace

Co-authored-by: Jeremiah Uy <jeremiah.augie.uy@nav.no>
---
 .../InnvolveringAvEksterneView.tsx            | 64 +++++++------------
 1 file changed, 23 insertions(+), 41 deletions(-)

diff --git a/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx b/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
index 103525bcf..cd3a43407 100644
--- a/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
+++ b/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
@@ -1,14 +1,5 @@
-import {
-  Alert,
-  BodyShort,
-  Heading,
-  List,
-  Radio,
-  RadioGroup,
-  ReadMore,
-  Stack,
-  Textarea,
-} from '@navikt/ds-react'
+import { Alert, BodyShort, Heading, List, ReadMore, Textarea } from '@navikt/ds-react'
+import { BoolField } from '../common/Inputs'
 
 interface IProps {
   personkategorier: string[]
@@ -60,16 +51,13 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
         brosjyre på Navet]
       </ReadMore>
 
-      <RadioGroup
-        className="mt-3"
-        legend="Har dere involvert en representant for de registrerte?"
-        onChange={() => {}}
-      >
-        <Stack gap="0 6" direction={{ xs: 'column', sm: 'row' }} wrap={false}>
-          <Radio value="yes">Ja</Radio>
-          <Radio value="no">Nei</Radio>
-        </Stack>
-      </RadioGroup>
+      <div className="mt-3">
+        <BoolField
+          label="Har dere involvert en representant for de registrerte?"
+          name="harInvolvertRepresentant"
+          horizontal
+        />
+      </div>
 
       <Textarea
         className="mt-3"
@@ -90,16 +78,13 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
         være til hjelp å se på behandlingens livsløp.
       </BodyShort>
 
-      <RadioGroup
-        className="mt-5"
-        legend="Stemmer denne lista over databehandlere? "
-        onChange={() => {}}
-      >
-        <Stack gap="0 6" direction={{ xs: 'column', sm: 'row' }} wrap={false}>
-          <Radio value="yes">Ja</Radio>
-          <Radio value="no">Nei</Radio>
-        </Stack>
-      </RadioGroup>
+      <div className="mt-5">
+        <BoolField
+          label="Stemmer denne lista over databehandlere?"
+          name="stemmerDatabehandlere"
+          horizontal
+        />
+      </div>
 
       <Alert variant="warning" className="mt-3">
         Dere må oppdatere databehandlere i Behandlingskatalogen
@@ -116,16 +101,13 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
         Anskaffelse har egne sider som vi ev. kunne lenke til.
       </ReadMore>
 
-      <RadioGroup
-        className="mt-5"
-        legend="Har dere involvert en representant for databehandlere?"
-        onChange={() => {}}
-      >
-        <Stack gap="0 6" direction={{ xs: 'column', sm: 'row' }} wrap={false}>
-          <Radio value="yes">Ja</Radio>
-          <Radio value="no">Nei</Radio>
-        </Stack>
-      </RadioGroup>
+      <div className="mt-5">
+        <BoolField
+          label="Har dere involvert en representant for databehandlere?"
+          name="harDatabehandlerRepresentantInvolvering"
+          horizontal
+        />
+      </div>
 
       <Textarea
         className="mt-3"