From e7932db29f81a99f5337abf74c8792211e6b0625 Mon Sep 17 00:00:00 2001
From: Tormak <63308171+Tormak9970@users.noreply.github.com>
Date: Sun, 17 Dec 2023 13:11:33 -0500
Subject: [PATCH] feat: added placeholders to text fields

---
 src/components/filters/FilterOptions.tsx  | 2 +-
 src/components/modals/EditTabModal.tsx    | 2 +-
 src/components/modals/ListSearchModal.tsx | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/filters/FilterOptions.tsx b/src/components/filters/FilterOptions.tsx
index 5fc0667..f98d38b 100644
--- 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
index 90f36d9..e4bbe09 100644
--- 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
index 69acbc1..9ff9943 100644
--- 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%" }}
                 />