Add boolean with toggle in csv import (#6050)

Better UI when importing boolean via CSV (with a toggle)
twentyhq · Jun 26, 2024 · 08c081d · 08c081d
1 parent 7b816e5
commit 08c081d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/...s/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts b/...s/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts
@@ -90,6 +90,16 @@ export const useSpreadsheetRecordImport = (objectNameSingular: string) => {
           field.label + ' (ID)',
         ),
       });
+    } else if (field.type === FieldMetadataType.Boolean) {
+      templateFields.push({
+        icon: getIcon(field.icon),
+        label: field.label,
+        key: field.name,
+        fieldType: {
+          type: 'checkbox',
+        },
+        validations: getSpreadSheetValidation(field.type, field.label),
+      });
     } else {
       templateFields.push({
         icon: getIcon(field.icon),

diff --git a/...y-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx b/...y-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx
@@ -147,6 +147,8 @@ export const ValidationStep = <T extends string>({
                   importColumn.value === column.key) ||
                 (importColumn.type === ColumnType.matchedSelectOptions &&
                   importColumn.value === column.key) ||
+                (importColumn.type === ColumnType.matchedCheckbox &&
+                  importColumn.value === column.key) ||
                 column.key === 'select-row',
             ).length > 0;