commit 4012a70045a24bcd30c56c95c73dd90709ea0998
author idillon <io.daza-dillon@savoirfairelinux.com> Thu Nov 24 13:45:43 2022 -0500
committer idillon <io.daza-dillon@savoirfairelinux.com> Mon Dec 19 12:16:56 2022 -0500
tree 099b7ea7846ac1881ceebc7f0e07069e11535352
parent 42cc62a5eca1b3618fceba98ba6274421402a867

Set styles for 'Select' component

Change-Id: I279d28e478a3d63b6d620f5362580854a0e62b3f

client/src/components/Settings.tsx

diff --git a/client/src/components/Settings.tsx b/client/src/components/Settings.tsx
index 81333de..ff3ac90 100644
--- a/client/src/components/Settings.tsx
+++ b/client/src/components/Settings.tsx
@@ -55,12 +55,17 @@
   );
 };
 
-interface SettingSelectProps extends Setting, CustomSelectProps {}
+export interface SettingSelectProps<OptionPayload> extends Setting, CustomSelectProps<OptionPayload> {}
 
-export const SettingSelect = ({ options, value, onChange, ...settingBaseProps }: SettingSelectProps) => {
+export const SettingSelect = <OptionPayload,>({
+  options,
+  option,
+  onChange,
+  ...settingBaseProps
+}: SettingSelectProps<OptionPayload>) => {
   return (
     <SettingBase {...settingBaseProps}>
-      <CustomSelect value={value} options={options} onChange={onChange} />
+      <CustomSelect<OptionPayload> option={option} options={options} onChange={onChange} size="small" />
     </SettingBase>
   );
 };