feat: Toggle label or placeholder via types

theopensystemslab · Nov 14, 2024 · d17220b · d17220b
1 parent b5f66ad
commit d17220b
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/editor.planx.uk/src/ui/shared/SelectMultiple.tsx b/editor.planx.uk/src/ui/shared/SelectMultiple.tsx
@@ -27,11 +27,20 @@ type OptionalAutocompleteProps<T> = Partial<
   Omit<AutocompleteProps<T, true, true, false, "div">, "multiple">
 >;
 
-type Props<T> = {
+type WithLabel<T> = {
   label: string;
+  placeholder?: never;
 } & RequiredAutocompleteProps<T> &
   OptionalAutocompleteProps<T>;
 
+type WithPlaceholder<T> = {
+  label?: never;
+  placeholder: string;
+} & RequiredAutocompleteProps<T> &
+  OptionalAutocompleteProps<T>;
+
+type Props<T> = WithLabel<T> | WithPlaceholder<T>;
+
 const StyledAutocomplete = styled(Autocomplete)(({ theme }) => ({
   marginTop: theme.spacing(2),
   "& > div > label": {
@@ -120,6 +129,7 @@ export function SelectMultiple<T>(props: Props<T>) {
             InputProps={{
               ...params.InputProps,
               notched: false,
+              placeholder: props?.placeholder
             }}
             label={props.label}
           />