From 5e721f41963902833ccb5b61e0b0c983f0276e8c Mon Sep 17 00:00:00 2001
From: Thomas Trompette <thomas.trompette@sfr.fr>
Date: Mon, 22 Jul 2024 13:57:08 +0200
Subject: [PATCH] Use isDefined

---
 .../MatchColumnsStep/components/TemplateColumn.tsx           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx
index 7c1182d87fe4f..6190742aadf07 100644
--- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx
+++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx
@@ -1,10 +1,10 @@
 // TODO: We should create our own accordion component
 import {
   Accordion,
-  AccordionButton as ChakraAccordionButton,
   AccordionIcon,
   AccordionItem,
   AccordionPanel,
+  AccordionButton as ChakraAccordionButton,
 } from '@chakra-ui/accordion';
 import styled from '@emotion/styled';
 import { IconChevronDown, IconForbid } from 'twenty-ui';
@@ -15,6 +15,7 @@ import { Fields } from '@/spreadsheet-import/types';
 
 import { Column, Columns, ColumnType } from '../MatchColumnsStep';
 
+import { isDefined } from '~/utils/isDefined';
 import { SubMatchingSelect } from './SubMatchingSelect';
 
 const StyledContainer = styled.div`
@@ -69,7 +70,7 @@ const getAccordionTitle = <T extends string>(
 
   return `Match ${fieldLabel} (${
     'matchedOptions' in column &&
-    column.matchedOptions.filter((option) => option.value === undefined).length
+    column.matchedOptions.filter((option) => !isDefined(option.value)).length
   } Unmatched)`;
 };