feat: added placeholders to text fields

Tormak9970 · Dec 17, 2023 · e7932db · e7932db
1 parent 35f0b73
commit e7932db
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/filters/FilterOptions.tsx b/src/components/filters/FilterOptions.tsx
@@ -140,7 +140,7 @@ const RegexFilterOptions: VFC<FilterOptionsProps<'regex'>> = ({ index, setContai
   return (
     <Field
       label="Regex"
-      description={<TextField value={filter.params.regex} onChange={onChange} />}
+      description={<TextField value={filter.params.regex} placeholder="Input a Regular Expression" onChange={onChange} />}
     />
   );
 };

diff --git a/src/components/modals/EditTabModal.tsx b/src/components/modals/EditTabModal.tsx
@@ -47,7 +47,7 @@ export const EditTabModal: VFC<EditTabModalProps> = ({ closeModal, onConfirm, ta
   const [patchInput, setPatchInput] = useState<boolean>(true);
   const [autoHide, setAutoHide] = useState<boolean>(_autoHide);
 
-  const nameInputElement = <TextField value={name} onChange={onNameChange} />;
+  const nameInputElement = <TextField value={name} placeholder="The title for this tab" onChange={onNameChange} />;
 
   //reference to input field class component instance, which has a focus method
   let inputComponentInstance: any;

diff --git a/src/components/modals/ListSearchModal.tsx b/src/components/modals/ListSearchModal.tsx
@@ -84,6 +84,7 @@ export const ListSearchModal: VFC<ListSearchModalProps> = ({ rgOptions: list, en
               <div style={{ width: "100%" }}>
                 <TextField
                   value={query}
+                  placeholder={`Search ${entryLabel}...`}
                   onChange={(e) => { setQuery(e.target.value); }}
                   style={{ height: "100%" }}
                 />