diff --git a/apps/host/src/components/common/multi-select/multi-select.tsx b/apps/host/src/components/common/multi-select/multi-select.tsx index 306875b5..02b877c5 100644 --- a/apps/host/src/components/common/multi-select/multi-select.tsx +++ b/apps/host/src/components/common/multi-select/multi-select.tsx @@ -31,12 +31,14 @@ interface Props { width?: string; optionSelected: OptionType[] | null; setOptionSelected: (selected: OptionType[]) => void; + selectPlaceholder?: string; } const CustomSelect: React.FC = ({ data, width = '100%', optionSelected, setOptionSelected, + selectPlaceholder, }) => { const { theme } = useContext(ThemeContext); const handleChange = (selected: OptionType[]) => { @@ -55,6 +57,7 @@ const CustomSelect: React.FC = ({ }} onChange={(newValue: unknown) => handleChange(newValue as OptionType[])} value={optionSelected} + placeholder={selectPlaceholder} styles={{ control: (base) => ({ ...base, diff --git a/apps/host/src/components/modules/challenges/challenge-grid/challenge-filter.tsx b/apps/host/src/components/modules/challenges/challenge-grid/challenge-filter.tsx index 646e12ac..7fa79805 100644 --- a/apps/host/src/components/modules/challenges/challenge-grid/challenge-filter.tsx +++ b/apps/host/src/components/modules/challenges/challenge-grid/challenge-filter.tsx @@ -72,12 +72,14 @@ const ChallengeFilters = ({ data={DeveloperList} optionSelected={optionSelected} setOptionSelected={(val: OptionType[]) => setOptionSelected(val)} + selectPlaceholder="Select Developers" /> setSelectedDifficulties(val)} + selectPlaceholder="Select Difficulties" />