From 08c081d315b0c4877559e20aa822a3c989a19c41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Malfait?= <felix.malfait@gmail.com>
Date: Wed, 26 Jun 2024 22:55:49 +0200
Subject: [PATCH] Add boolean with toggle in csv import (#6050)

Better UI when importing boolean via CSV (with a toggle)
---
 .../spreadsheet-import/useSpreadsheetRecordImport.ts   | 10 ++++++++++
 .../steps/components/ValidationStep/ValidationStep.tsx |  2 ++
 2 files changed, 12 insertions(+)

diff --git a/packages/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts b/packages/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts
index c58b0142f..28516c793 100644
--- a/packages/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts
+++ b/packages/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/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx
index 982a1d432..ccf38c5be 100644
--- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx
+++ b/packages/twenty-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;