feat(placeholder): add placeholder property in VSearchSelect

gsi-chao · Dec 10, 2020 · 6e45b7f · 6e45b7f
1 parent ed8ebb5
commit 6e45b7f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Form/Inputs/SearchSelect/SearchSelect.tsx b/src/components/Form/Inputs/SearchSelect/SearchSelect.tsx
@@ -29,6 +29,7 @@ interface IProps {
   treeChildIndentWidth?: number;
   getValueOnSelectMenuItem?: boolean;
   isLoading?: boolean;
+  placeholder?: string;
 }
 
 export const SearchSelect = (props: IProps) => {
@@ -338,7 +339,7 @@ export const SearchSelect = (props: IProps) => {
             />
           }
           onChange={onSearchChange}
-          placeholder={'Search Items'}
+          placeholder={props?.placeholder ?? 'Search'}
           value={search}
         />
       </div>

diff --git a/src/components/Form/Inputs/SearchSelect/SearchSelectField.tsx b/src/components/Form/Inputs/SearchSelect/SearchSelectField.tsx
@@ -60,7 +60,8 @@ export const VSearchSelectField = observer((props: ISearchSelectFieldProps) => {
     displayAsTree,
     treeChildIndentWidth,
     getValueOnSelectMenuItem,
-    loading
+    loading,
+    placeholder
   } = props;
 
   useEffect(() => {
@@ -132,6 +133,7 @@ export const VSearchSelectField = observer((props: ISearchSelectFieldProps) => {
           treeChildIndentWidth={treeChildIndentWidth}
           getValueOnSelectMenuItem={getValueOnSelectMenuItem}
           isLoading={loading}
+          placeholder={placeholder}
         />
       </FormFieldContainer>
     </StyledPopOverWrapper>