fix: hide icon tick when clear date

cardano-foundation · May 7, 2024 · 133d55d · 133d55d
1 parent e4c0b09
commit 133d55d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/commons/CustomFilter/DateRangeModal.tsx b/src/components/commons/CustomFilter/DateRangeModal.tsx
@@ -45,6 +45,7 @@ const DateRangeModal: React.FC<DateRangeModalProps> = ({ onClose, onDateRangeCha
     onClose?.();
     if (dateRange[0] === null || dateRange[1] === null) {
       onClearValue && onClearValue({ fromDate: "", toDate: "" });
+      onDateRangeChange({ fromDate: "", toDate: "" });
     }
   };
 

diff --git a/src/pages/ProtocolParameter/index.tsx b/src/pages/ProtocolParameter/index.tsx
@@ -809,7 +809,9 @@ export const FilterComponent: React.FC<FilterComponentProps> = ({
                   {t("filter.daterange")}
                 </Box>
               </Box>
-              {!isEmpty(dateRange) && <BsFillCheckCircleFill size={14} color={theme.palette.primary.main} />}
+              {Boolean(dateRange.fromDate) && Boolean(dateRange.toDate) && (
+                <BsFillCheckCircleFill size={14} color={theme.palette.primary.main} />
+              )}
             </Box>
           </ButtonFilter>