fix(currency-input): Fix currency input type to not allow null

getPopsure · Nov 27, 2023 · 5663501 · 5663501
1 parent 62e7844
commit 5663501
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/lib/components/input/currency/index.tsx b/src/lib/components/input/currency/index.tsx
@@ -4,9 +4,9 @@ import { formatInput, reverseFormatInput } from './format';
 import { Input, InputProps } from '..';
 
 export type CurrencyInputProps = {
-  value?: number | null | undefined;
+  value?: number;
   placeholder?: string;
-  onChange?: (value: number | null) => void;
+  onChange?: (value: number) => void;
 } & Omit<InputProps, 'onChange' | 'value' | 'ref'>
 
 const CurrencyInput = ({
@@ -38,7 +38,7 @@ const CurrencyInput = ({
 
   useEffect(() => {
     if (shadowValue === '' && value) {
-      onChange?.(null)
+      onChange?.(0);
     } else if (shadowValue) {
       onChange?.(reverseFormatInput(shadowValue));
     }

diff --git a/src/lib/components/input/currency/input.stories.tsx b/src/lib/components/input/currency/input.stories.tsx
@@ -22,9 +22,9 @@ export const CurrencyInputStory = ({
   prefix,
   error
 }: CurrencyInputProps) => {
-  const [newValue, setValue] = useState<number | null>(Number);
+  const [newValue, setValue] = useState<number>(Number);
 
-  const handleOnChange = (value: number | null) => {
+  const handleOnChange = (value: number) => {
     setValue(value)
     onChange?.(value);
   }