fix. fikset default verdi + korrekt feilmelding ved tom input

navikt · Dec 19, 2024 · a324990 · a324990
1 parent 98af45b
commit a324990
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/src/AvtaleSide/steg/VarighetSteg/AntallDagerInput/AntallDagerInput.tsx b/src/AvtaleSide/steg/VarighetSteg/AntallDagerInput/AntallDagerInput.tsx
@@ -21,12 +21,12 @@ const schema = z.object({
                 invalid_type_error: 'Antall dager være et tall',
                 required_error: 'Antall dager er påkrevd',
             })
-            .min(0, 'Antall dager må være større enn 0')
+            .min(0.1, 'Antall dager må være større enn 0')
             .max(7, 'Antall dager må være mindre enn eller lik 7'),
     ),
 });
 
-type Schema = z.infer<typeof schema>;
+type Schema = { antallDagerPerUke: string };
 
 function AntallDagerInput(props: Props) {
     const { settVerdi, verdi } = props;
@@ -39,7 +39,7 @@ function AntallDagerInput(props: Props) {
     const { field } = useController({
         control,
         name: 'antallDagerPerUke',
-        defaultValue: verdi,
+        defaultValue: formaterNorskeTallFraInput(verdi?.toString() ?? ''),
     });
 
     const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {

diff --git a/src/AvtaleSide/steg/VarighetSteg/StillingsprosentInput/StillingsprosentInput.tsx b/src/AvtaleSide/steg/VarighetSteg/StillingsprosentInput/StillingsprosentInput.tsx
@@ -21,12 +21,12 @@ const schema = z.object({
                 invalid_type_error: 'Stillingsprosent være et tall',
                 required_error: 'Stillingsprosent er påkrevd',
             })
-            .min(0, 'Stillingsprosent må være større enn 0')
+            .min(0.1, 'Stillingsprosent må være større enn 0')
             .max(100, 'Stillingsprosent må være mindre enn eller lik 100'),
     ),
 });
 
-type Schema = z.infer<typeof schema>;
+type Schema = { stillingsprosent: string };
 
 function StillingsprosentInput(props: Props) {
     const { settVerdi, verdi } = props;
@@ -39,7 +39,7 @@ function StillingsprosentInput(props: Props) {
     const { field } = useController({
         control,
         name: 'stillingsprosent',
-        defaultValue: verdi,
+        defaultValue: formaterNorskeTallFraInput(verdi?.toString() ?? ''),
     });
 
     const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {

diff --git a/src/utils/tallUtils.ts b/src/utils/tallUtils.ts
@@ -6,8 +6,10 @@ export const formaterNorskeTall = <T>(value: T): string | T =>
 export const formaterNorskeTallFraInput = <T>(value: T): string | T =>
     typeof value === 'string' ? String(value).replace('.', ',') : value;
 
-export const parseNorskeTallFraInput = <T>(value: T): number | T =>
-    typeof value === 'string' ? Number(String(value).replaceAll(/\s/g, '').replace(',', '.')) : value;
+export const parseNorskeTallFraInput = <T>(value: T): number | undefined =>
+    typeof value === 'string' && value !== ''
+        ? Number(String(value).replaceAll(/\s/g, '').replace(',', '.'))
+        : undefined;
 
 export const visTalletEller0 = (tallet?: number) => (tallet === 0 || tallet ? tallet : 0);