cursed state management

1 files changed, 7 insertions, 4 deletions

diff --git a/src/SalaryInput.jsx b/src/SalaryInput.jsx
index f04c68f..753d457 100644
--- a/src/SalaryInput.jsx
+++ b/src/SalaryInput.jsx
@@ -2,8 +2,8 @@ import { useState } from "react";
 import TextField from "@mui/material/TextField";
 import { NumericFormat } from "react-number-format";
 
-function SalaryInput() {
-    const [displayValue, setDisplayValue] = useState('');
+function SalaryInput({handleBaseSalaryChange}) {
+    const [baseSalary, setBaseSalary] = useState('');
     return (
         <NumericFormat
             customInput={ TextField }
@@ -11,8 +11,11 @@ function SalaryInput() {
             variant="outlined"
             valueIsNumericString={true}
             thousandSeparator={true}
-            value={displayValue}
-            onValueChange={(value, sourceInfo) => {setDisplayValue(value.value)}}
+            value={baseSalary}
+            onValueChange={(value, sourceInfo) => {
+                setBaseSalary(value.value);
+                handleBaseSalaryChange(value.value);
+            }}
             InputProps={{
                 startAdornment: <span>Rp</span>
             }}