read only på checkbokser

packages/v2/gui/src/prosess/ung-vedtak/UngVedtak.stories.tsx

@@ -59,6 +59,7 @@ export const InnvilgetStory: Story = {
         ],
       },
     ],
+    readOnly: false,
   },
 };
 
@@ -90,5 +91,6 @@ export const AvslåttStory: Story = {
       },
       id: 3000001,
     },
+    readOnly: false,
   },
 };

packages/v2/gui/src/prosess/ung-vedtak/UngVedtak.tsx

@@ -20,6 +20,7 @@ interface UngVedtakProps {
   behandling: UngVedtakBehandlingDto;
   submitCallback: (data: any) => Promise<any>;
   vilkår: UngVedtakVilkårDto[];
+  readOnly: boolean;
 }
 
 const buildInitialValues = () => ({
@@ -32,7 +33,7 @@ interface FormData {
   hindreUtsendingAvBrev: boolean;
 }
 
-export const UngVedtak = ({ api, behandling, aksjonspunkter, submitCallback, vilkår }: UngVedtakProps) => {
+export const UngVedtak = ({ api, behandling, aksjonspunkter, submitCallback, vilkår, readOnly }: UngVedtakProps) => {
   const formMethods = useForm<FormData>({
     defaultValues: buildInitialValues(),
   });
@@ -106,12 +107,12 @@ export const UngVedtak = ({ api, behandling, aksjonspunkter, submitCallback, vil
                 <CheckboxField
                   name="redigerAutomatiskBrev"
                   label="Rediger automatisk brev"
-                  disabled={hindreUtsendingAvBrev}
+                  disabled={hindreUtsendingAvBrev || readOnly}
                 />
                 <CheckboxField
                   name="hindreUtsendingAvBrev"
                   label="Hindre utsending av brev"
-                  disabled={redigerAutomatiskBrev}
+                  disabled={redigerAutomatiskBrev || readOnly}
                 />
               </div>
             </Fieldset>

packages/v2/gui/src/prosess/ung-vedtak/UngVedtakIndex.tsx

@@ -12,9 +12,16 @@ interface UngVedtakIndexProps {
   behandling: UngVedtakBehandlingDto;
   submitCallback: (data: any) => Promise<any>;
   vilkar: UngVedtakVilkårDto[];
+  isReadOnly: boolean;
 }
 
-export const UngVedtakIndex = ({ aksjonspunkter, behandling, submitCallback, vilkar }: UngVedtakIndexProps) => {
+export const UngVedtakIndex = ({
+  aksjonspunkter,
+  behandling,
+  submitCallback,
+  vilkar,
+  isReadOnly,
+}: UngVedtakIndexProps) => {
   const ungSakClient = useContext(UngSakClientContext);
   const ungVedtakBackendClient = new UngVedtakBackendClient(ungSakClient);
   return (
@@ -28,6 +35,7 @@ export const UngVedtakIndex = ({ aksjonspunkter, behandling, submitCallback, vil
         behandling={behandling}
         submitCallback={submitCallback}
         vilkår={vilkar}
+        readOnly={isReadOnly}
       />
     </>
   );