@@ -23,6 +23,7 @@ import { Datovelger } from 'nav-datovelger';
23
23
import NavFrontendSpinner from 'nav-frontend-spinner' ;
24
24
import { Vedtak } from '../../types/vedtak' ;
25
25
import { logError } from '../../utils/logger/frontendLogger' ;
26
+ import { KlageSkjema } from '../../types/klage' ;
26
27
27
28
interface Props {
28
29
ytelse : string ;
@@ -35,20 +36,18 @@ const Begrunnelse = (props: Props) => {
35
36
const dispatch = useDispatch ( ) ;
36
37
const { activeKlage, activeKlageSkjema, activeVedlegg } = useSelector ( ( state : Store ) => state ) ;
37
38
38
- const [ activeBegrunnelse , setActiveBegrunnelse ] = useState < string > ( activeKlageSkjema . fritekst ?? '' ) ;
39
- const [ activeDatoISO , setActiveDatoISO ] = useState < string > ( activeKlageSkjema . vedtak ?? '' ) ;
39
+ const [ activeBegrunnelse , setActiveBegrunnelse ] = useState < string > ( activeKlageSkjema . fritekst ) ;
40
+ const [ activeDatoISO , setActiveDatoISO ] = useState < string | null > ( activeKlageSkjema . vedtak ) ;
40
41
const [ datoalternativ , setDatoalternativ ] = useState < DatoValg > ( activeKlageSkjema . datoalternativ ) ;
41
42
const [ vedleggLoading , setVedleggLoading ] = useState < boolean > ( false ) ;
42
43
const [ vedleggFeilmelding , setVedleggFeilmelding ] = useState < string > ( '' ) ;
43
44
const [ submitted , setSubmitted ] = useState < boolean > ( false ) ;
44
45
45
46
useEffect ( ( ) => {
46
47
setDatoalternativ ( activeKlageSkjema . datoalternativ ) ;
47
- if ( activeKlageSkjema . vedtak !== null ) {
48
- setActiveDatoISO ( activeKlageSkjema . vedtak ) ;
49
- }
48
+ setActiveDatoISO ( activeKlageSkjema . vedtak ) ;
49
+ setActiveBegrunnelse ( activeKlageSkjema . fritekst ) ;
50
50
if ( typeof activeKlage !== 'undefined' ) {
51
- setActiveBegrunnelse ( activeKlage . fritekst ) ;
52
51
const klageId = activeKlage . id . toString ( ) ;
53
52
dispatch ( setKlageId ( klageId , activeKlage . tema , activeKlage . ytelse , activeKlage . saksnummer ) ) ;
54
53
}
@@ -111,20 +110,23 @@ const Begrunnelse = (props: Props) => {
111
110
}
112
111
} ;
113
112
114
- const submitBegrunnelseOgDato = ( event : React . MouseEvent < HTMLButtonElement , MouseEvent > ) => {
113
+ const submitBegrunnelseOgDato = async ( event : React . MouseEvent < HTMLButtonElement , MouseEvent > ) => {
115
114
event . preventDefault ( ) ;
116
115
setSubmitted ( true ) ;
117
116
if ( ! validForm ( ) ) {
118
117
return ;
119
118
}
120
- dispatch (
121
- updateKlage ( {
122
- ...activeKlageSkjema ,
123
- fritekst : activeBegrunnelse ,
124
- datoalternativ : datoalternativ ,
125
- vedtak : activeDatoISO
126
- } )
127
- ) ;
119
+ const klageSkjema : KlageSkjema = {
120
+ ...activeKlageSkjema ,
121
+ fritekst : activeBegrunnelse ,
122
+ datoalternativ : datoalternativ ,
123
+ vedtak : activeDatoISO
124
+ } ;
125
+ dispatch ( {
126
+ type : 'KLAGE_FORM_SET' ,
127
+ klageSkjema
128
+ } ) ;
129
+ updateKlage ( klageSkjema ) ;
128
130
props . next ( ) ;
129
131
} ;
130
132
@@ -177,7 +179,7 @@ const Begrunnelse = (props: Props) => {
177
179
< Element > Vedtaksdato (valgfritt)</ Element >
178
180
< Datovelger
179
181
onChange = { dateISO => setActiveDatoISO ( dateISO ?? '' ) }
180
- valgtDato = { activeDatoISO }
182
+ valgtDato = { activeDatoISO ?? undefined }
181
183
visÅrVelger = { true }
182
184
avgrensninger = { {
183
185
maksDato : new Date ( ) . toISOString ( ) . substring ( 0 , 10 )
0 commit comments