Implements disable function for restore default button

Author: ItsMurumba

packages/transaction-log/src/components/dialogs/customize.dialog.component.tsx

@@ -19,7 +19,8 @@ const CustomizeDialog: React.FC<CustomizeDialogProps> = ({
   onApply,
   visibleFilters,
   handleFilterVisibilityChange,
-  onRestoreDefaults
+  onRestoreDefaults,
+  isDefaultState
 }) => {
   return (
     <Dialog open={open} onClose={onClose} fullWidth>
@@ -46,7 +47,11 @@ const CustomizeDialog: React.FC<CustomizeDialogProps> = ({
       </DialogContent>
       <DialogActions>
         <Box sx={{flexGrow: 1}}>
-          <Button onClick={onRestoreDefaults} color="primary">
+          <Button
+            onClick={onRestoreDefaults}
+            color="primary"
+            disabled={isDefaultState}
+          >
             RESTORE DEFAULT
           </Button>
         </Box>

packages/transaction-log/src/components/filters/custom.component.tsx

@@ -148,6 +148,12 @@ const CustomFilters: React.FC<CustomFilterProps> = ({
     setTempVisibleFilters(defaultVisibleFilters)
   }
 
+  const isDefaultState = filters => {
+    return Object.keys(defaultVisibleFilters).every(
+      key => filters[key] === defaultVisibleFilters[key]
+    )
+  }
+
   useEffect(() => {
     debounceFetchTransactionLogs(null, true)
     return () => debounceFetchTransactionLogs.cancel()
@@ -419,6 +425,7 @@ const CustomFilters: React.FC<CustomFilterProps> = ({
         visibleFilters={tempVisibleFilters}
         handleFilterVisibilityChange={handleFilterVisibilityChange}
         onRestoreDefaults={handleRestoreDefaults}
+        isDefaultState={isDefaultState(tempVisibleFilters)}
       />
     </Box>
   )

packages/transaction-log/src/interfaces/index.interface.spec.ts

@@ -84,7 +84,8 @@ const customizeDialogProps: CustomizeDialogProps = {
   handleFilterVisibilityChange: (
     event: React.ChangeEvent<HTMLInputElement>
   ) => {},
-  onRestoreDefaults: () => {}
+  onRestoreDefaults: () => {},
+  isDefaultState: true
 }
 
 const settingsDialogProps: SettingsDialogProps = {

packages/transaction-log/src/interfaces/index.interface.ts

@@ -84,6 +84,7 @@ export interface CustomizeDialogProps {
     event: React.ChangeEvent<HTMLInputElement>
   ) => void
   onRestoreDefaults: () => void
+  isDefaultState: boolean
 }
 
 export interface SettingsDialogProps {