feat: Apply translation automation from select option to multi-select…

… option (ajnart#1963)
geekzd · Mar 15, 2024 · 81e51d2 · 81e51d2
1 parent 030f05b
commit 81e51d2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
@@ -170,6 +170,15 @@ const WidgetOptionTypeSwitch: FC<{
         </Stack>
       );
     case 'multi-select':
+      const multiSelectItems = typeof option.data === 'function' ? option.data() : option.data;
+      const multiSelectData = multiSelectItems.map((dataType) => {
+        return !dataType.label
+          ? {
+              value: dataType.value,
+              label: t(`descriptor.settings.${key}.data.${dataType.value}`),
+            }
+          : dataType;
+      });
       return (
         <Stack spacing={0}>
           <Group align="center" spacing="sm">
@@ -179,18 +188,19 @@ const WidgetOptionTypeSwitch: FC<{
             {info && <InfoCard message={t(`descriptor.settings.${key}.info`)} link={link} />}
           </Group>
           <MultiSelect
-            data={option.data}
-            value={value as string[]}
+            searchable
             defaultValue={option.defaultValue}
+            data={multiSelectData}
+            value={value as string[]}
             onChange={(v) => handleChange(key, v)}
             withinPortal
             {...option.inputProps}
           />
         </Stack>
       );
     case 'select':
-      const items = typeof option.data === 'function' ? option.data() : option.data;
-      const data = items.map((dataType) => {
+      const selectItems = typeof option.data === 'function' ? option.data() : option.data;
+      const selectData = selectItems.map((dataType) => {
         return !dataType.label
           ? {
               value: dataType.value,
@@ -209,7 +219,7 @@ const WidgetOptionTypeSwitch: FC<{
           <Select
             searchable
             defaultValue={option.defaultValue}
-            data={data}
+            data={selectData}
             value={value as string}
             onChange={(v) => handleChange(key, v ?? option.defaultValue)}
             withinPortal

diff --git a/src/widgets/widgets.ts b/src/widgets/widgets.ts
@@ -60,7 +60,7 @@ interface ICommonWidgetOptions {
 export type IMultiSelectOptionValue = {
   type: 'multi-select';
   defaultValue: string[];
-  data: DataType[];
+  data: DataType[] | (() => DataType[]);
   inputProps?: Partial<MultiSelectProps>;
 };