Egen forhåndsvis knapp ved fritekstfeltet på vedtaksiden.

Flytter hentetDokument state ut av hook og opp i DokumentContext

client/src/oppgaveliste/dokumenter/DokumentContext.tsx

@@ -1,5 +1,8 @@
 import React, { useContext, useState } from 'react'
 
+import { Ressurs } from '../../types/types.internal'
+import { byggTomRessurs } from './ressursFunksjoner'
+
 type ValgtDokumentType = {
   journalpostID: string
   dokumentID: string
@@ -8,20 +11,30 @@ type ValgtDokumentType = {
 type DokumentContextType = {
   valgtDokument: ValgtDokumentType
   setValgtDokument: (valgtDokument: ValgtDokumentType) => void
+  hentetDokument: Ressurs<string>
+  settHentetDokument: (hentetDokument: Ressurs<string>) => void
 }
 
 const initialState = {
   valgtDokument: { journalpostID: '', dokumentID: '' },
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   setValgtDokument: () => {},
+  hentetDokument: byggTomRessurs<string>(),
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  settHentetDokument: () => {},
 }
 
 const DokumentContext = React.createContext<DokumentContextType>(initialState)
 
 const DokumentProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [valgtDokument, setValgtDokument] = useState(initialState.valgtDokument)
+  const [hentetDokument, settHentetDokument] = React.useState<Ressurs<string>>(byggTomRessurs<string>())
 
-  return <DokumentContext.Provider value={{ valgtDokument, setValgtDokument }}>{children}</DokumentContext.Provider>
+  return (
+    <DokumentContext.Provider value={{ valgtDokument, setValgtDokument, hentetDokument, settHentetDokument }}>
+      {children}
+    </DokumentContext.Provider>
+  )
 }
 
 function useDokumentContext(): DokumentContextType {

client/src/saksbilde/barnebriller/steg/vedtak/Vedtak.tsx

@@ -30,6 +30,7 @@ import { useBrillesak } from '../../../sakHook'
 import { useManuellSaksbehandlingContext } from '../../ManuellSaksbehandlingTabContext'
 import { alertVariant } from '../vilkårsvurdering/oppsummertStatus'
 import { BrevPanel } from './brev/BrevPanel'
+import { useBrev } from './brev/brevHook'
 
 export const Vedtak: React.FC = () => {
   const [loading, setLoading] = useState(false)
@@ -38,6 +39,7 @@ export const Vedtak: React.FC = () => {
   const { sak, mutate } = useBrillesak()
   const saksbehandlerKanRedigereBarnebrillesak = useSaksbehandlerKanRedigereBarnebrillesak(sak?.data)
   const { data } = useBrevtekst(saksnummer)
+  const { hentForhåndsvisning } = useBrev()
 
   const brevtekst = data?.data.brevtekst
   const [fritekst, setFritekst] = useState(brevtekst || '')
@@ -69,12 +71,6 @@ export const Vedtak: React.FC = () => {
     }
   }, [brevtekst])
 
-  useEffect(() => {
-    if (lagrer) {
-      // kall forhåndsvisning
-    }
-  }, [lagrer])
-
   useEffect(() => {
     if (submitAttempt) {
       valider()
@@ -261,6 +257,16 @@ export const Vedtak: React.FC = () => {
                       </span>
                     </>
                   )}
+                  <Button
+                    loading={false}
+                    size="small"
+                    variant="secondary"
+                    onClick={() => {
+                      hentForhåndsvisning(sak.data.sakId, Brevtype.BARNEBRILLER_VEDTAK)
+                    }}
+                  >
+                    Forhåndsvis
+                  </Button>
                 </Bakgrunnslagring>
               </>
             )}
@@ -290,12 +296,7 @@ export const Vedtak: React.FC = () => {
         )}
       </Panel>
       <VenstreKolonne>
-        <BrevPanel
-          sakId={sak.data.sakId}
-          fullSize={true}
-          brevtype={Brevtype.BARNEBRILLER_VEDTAK}
-          hentForhåndsvisningPåNytt={lagrer}
-        />
+        <BrevPanel sakId={sak.data.sakId} fullSize={true} brevtype={Brevtype.BARNEBRILLER_VEDTAK} />
       </VenstreKolonne>
     </TreKolonner>
   )

client/src/saksbilde/barnebriller/steg/vedtak/brev/BrevPanel.tsx

@@ -23,26 +23,21 @@ interface BrevPanelProps {
   sakId: number | string
   brevtype: Brevtype
   fullSize: boolean
-  hentForhåndsvisningPåNytt?: boolean
 }
 
 export const BrevPanel: React.FC<BrevPanelProps> = (props) => {
-  const { sakId, brevtype, fullSize, hentForhåndsvisningPåNytt } = props
+  const { sakId, brevtype, fullSize } = props
   const { hentetDokument, hentForhåndsvisning, isDokumentError } = useBrev()
 
   useEffect(() => {
-    if (sakId || hentForhåndsvisningPåNytt) {
-      console.log('Henter forhåndsvisning på nytt')
+    if (sakId) {
       hentForhåndsvisning(sakId, brevtype)
     }
-  }, [sakId, hentForhåndsvisningPåNytt])
+  }, [sakId])
 
   if (!sakId) {
     return <div>Mangler sakID</div>
   } else if (isDokumentError) {
-    {
-      /*  TODO Bruke en error boundy her?*/
-    }
     return (
       <FeilmeldingDiv>
         <div>

client/src/saksbilde/barnebriller/steg/vedtak/brev/brevHook.ts

@@ -1,6 +1,7 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { httpGetPdf, PDFResponse } from '../../../../../io/http'
+import { useDokumentContext } from '../../../../../oppgaveliste/dokumenter/DokumentContext'
 import {
   byggDataRessurs,
   byggFeiletRessurs,
@@ -18,15 +19,14 @@ interface BrevResponse {
   nullstillDokument: () => any
   hentetDokument: any
   settHentetDokument: any
-  // mutate: (...args: any[]) => any
 }
 
-export function useBrev(): BrevResponse {
-  const [hentetDokument, settHentetDokument] = React.useState<Ressurs<string>>(byggTomRessurs())
-  const [isDokumentError, setIsDokumentError] = useState<any>(null)
+export function useBrev(brevressurs?: Ressurs<string>, brevRessursError?: boolean): BrevResponse {
+  const { hentetDokument, settHentetDokument } = useDokumentContext()
+  const [isDokumentError, setIsDokumentError] = useState<any>(brevRessursError || null)
 
   const nullstillDokument = () => {
-    settHentetDokument(byggTomRessurs)
+    settHentetDokument(byggTomRessurs())
   }
 
   const hentForhåndsvisning = (sakId: number | string, brevtype: Brevtype = Brevtype.BARNEBRILLER_VEDTAK) => {