Merge pull request #699 from PolicyEngine/inputfield-update-fix

Fix input field bug
PolicyEngine · Aug 15, 2023 · b2b3c4d · b2b3c4d
2 parents 6a7bc5d + efae240
commit b2b3c4d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/controls/InputField.jsx b/src/controls/InputField.jsx
@@ -1,12 +1,20 @@
 import { motion } from "framer-motion";
 import useMobile from "../layout/Responsive";
 import style from "../style";
-import { useRef, useState } from "react";
+import { useState } from "react";
 
 export default function InputField(props) {
-  const { onChange, padding, width, type, inputmode, pattern, value } = props;
+  const {
+    onChange,
+    padding,
+    width,
+    type,
+    inputmode,
+    pattern,
+    value,
+    placeholder,
+  } = props;
   const [inputValue, setInputValue] = useState(value ? value : "");
-  const placeholder = useRef(props.placeholder);
   const mobile = useMobile();
   const re = /^[0-9\b]*[.]?[0-9\b]*?$/;
   const onInput = (e) => {
@@ -68,7 +76,7 @@ export default function InputField(props) {
         setInputValue(e.target.value);
       }}
       value={inputValue}
-      placeholder={placeholder.current}
+      placeholder={placeholder}
     />
   );
 }
diff --git a/src/pages/policy/input/ParameterEditor.jsx b/src/pages/policy/input/ParameterEditor.jsx
@@ -138,7 +138,7 @@ export default function ParameterEditor(props) {
     <CenteredMiddleColumn
       marginTop="5%"
       marginBottom={0}
-      title={capitalize(parameter.label)}
+      title={capitalize(parameter.label.toLowerCase())}
       description={description + timePeriodSentence}
     >
       {editControl}