Fixes data importer showing incorrect unmatched fields (# 6138) (#6311)

fixes #6138 --------- Co-authored-by: Thomas Trompette <[email protected]>
twentyhq · Jul 22, 2024 · 4f249df · 4f249df
1 parent 41931c5
commit 4f249df
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/...odules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx b/...odules/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`
@@ -68,7 +69,8 @@ const getAccordionTitle = <T extends string>(
   )?.label;
 
   return `Match ${fieldLabel} (${
-    'matchedOptions' in column && column.matchedOptions.length
+    'matchedOptions' in column &&
+    column.matchedOptions.filter((option) => !isDefined(option.value)).length
   } Unmatched)`;
 };