client portal update

frontend/client-portal/src/pages/Dashboard/Index.tsx

@@ -24,13 +24,7 @@ import { HeadCell, Order, PaginationTableProps } from '../../@types/table';
 import { useLocation, useSearchParams } from 'react-router-dom';
 import palette from '../../theme/palette';
 import { fSplit } from '../../utils/formatNumber';
-
-// const itemList = [
-//     { info: 'Mohon lengkapi dokumen Alison Born', date: 'Selasa, 13 Februari 23', time: '09:43 WIB' },
-//     { info: 'Mohon lengkapi dokumen Alison Born', date: 'Selasa, 13 Februari 23', time: '09:43 WIB' },
-//     { info: 'Mohon lengkapi dokumen Alison Born', date: 'Selasa, 13 Februari 23', time: '09:43 WIB' },
-//     { info: 'Mohon lengkapi dokumen Alison Born', date: 'Selasa, 13 Februari 23', time: '09:43 WIB' },
-// ];
+import { closeSnackbar, enqueueSnackbar } from 'notistack';
 
 /* ------------------------------ default data ------------------------------ */
 type DataMember = {
@@ -175,7 +169,7 @@ export default function Index() {
   };
 
   const searchs = {
-    // useSearchs: true,
+    useSearchs: false,
     searchText: searchText,
     setSearchText: setSearchText,
     handleSearchSubmit: handleSearchSubmit,
@@ -257,6 +251,11 @@ export default function Index() {
   useEffect(() => {
     (async () => {
       setIsLoading(true);
+      const loadNotif = enqueueSnackbar('Data sedang di load, harap tunggu!', {
+        variant: 'info',
+        autoHideDuration: null,
+        anchorOrigin: { horizontal: 'right', vertical: 'bottom' },
+      });
 
       const parameters =
         Object.keys(appliedParams).length !== 0
@@ -343,7 +342,12 @@ export default function Index() {
         setPage(currentPage);
       }
 
+      closeSnackbar(loadNotif);
       setIsLoading(false);
+      enqueueSnackbar('Data sudah di load!', {
+        variant: 'info',
+        anchorOrigin: { horizontal: 'right', vertical: 'bottom' },
+      });
     })();
   }, [appliedParams, searchParams, order, orderBy, setSearchParams, corporateValue]);