fix(trackerCard): no custom validation on tracker without requiredComp

Clm-Roig · Apr 16, 2022 · 595cf6f · 595cf6f
1 parent 8bbc254
commit 595cf6f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/src/components/TrackerCard/TrackerCardActions.tsx b/src/components/TrackerCard/TrackerCardActions.tsx
@@ -34,6 +34,7 @@ const TrackerCardActions: FC<Props> = ({
   selectedCompletions,
   tracker
 }) => {
+  const { requiredCompletions } = tracker;
   const dispatch = useAppDispatch();
   const { enqueueSnackbar } = useSnackbar();
   const [isCompleteValidationOpen, setIsCompleteValidationOpen] = useState(false);
@@ -83,12 +84,15 @@ const TrackerCardActions: FC<Props> = ({
               onClick={() => setIsCompleteValidationOpen(true)}>
               <CheckIcon fontSize="large" />
             </IconButton>
-            <IconButton
-              color="primary"
-              size="large"
-              onClick={() => setIsCustomValidationOpen(true)}>
-              <CheckCircleIcon fontSize="large" />
-            </IconButton>
+
+            {requiredCompletions.length > 0 && (
+              <IconButton
+                color="primary"
+                size="large"
+                onClick={() => setIsCustomValidationOpen(true)}>
+                <CheckCircleIcon fontSize="large" />
+              </IconButton>
+            )}
           </>
         )}
         {isHidden ? (

diff --git a/src/components/TrackerCard/TrackerCardContent.tsx b/src/components/TrackerCard/TrackerCardContent.tsx
@@ -52,12 +52,16 @@ const TrackerCardContent: FC<Props> = ({
 
   return (
     <CardContent {...cardContentProps}>
-      <Typography>Requis :</Typography>
-      <CompletionChipList
-        completions={requiredCompletions}
-        onChipClick={onChipClick}
-        selectedCompletions={selectedCompletions}
-      />
+      {requiredCompletions.length > 0 && (
+        <>
+          <Typography>Requis :</Typography>
+          <CompletionChipList
+            completions={requiredCompletions}
+            onChipClick={onChipClick}
+            selectedCompletions={selectedCompletions}
+          />
+        </>
+      )}
       {remainingCompletions.length > 0 && (
         <>
           <Typography>Restants :</Typography>