Use placeholder instead of style

icpc · Aug 3, 2023 · 6cdeba2 · 6cdeba2
1 parent d1b6a02
commit 6cdeba2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/Body/ImageWithFaceSelection.jsx b/src/components/Body/ImageWithFaceSelection.jsx
@@ -100,7 +100,7 @@ const ImageWithFaceSelection = ({ photo, alt = "", face, setFace }) => {
                         renderInput={(params) => (
                             <TextField
                                 {...params}
-                                label="Enter a name"
+                                placeholder="Enter a name"
                             />
                         )}
                         onChange={(event, newValue) => createPerson(newValue, crop)}

diff --git a/src/components/Header/Selector.jsx b/src/components/Header/Selector.jsx
@@ -9,9 +9,6 @@ const TextFieldWithIcon = styled(TextField)(() => ({
     "& .MuiInputLabel-root": {
         marginLeft: "25px"
     },
-    "& .MuiInputLabel-shrink": {
-        display: "none",
-    },
 }));
 
 const filterOptions = createFilterOptions({ limit: 200 });
@@ -35,7 +32,7 @@ const Selector = ({ leftIcon, onChange, name, value, options }) => {
                 }}
                 renderInput={(params) =>
                     <TextFieldWithIcon {...params}
-                        label={name}
+                        placeholder={name}
                         style={{
                             backgroundImage: `url(${leftIcon})`,
                             backgroundRepeat: "no-repeat",