hide notification dashboard & add search employee data

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

@@ -21,7 +21,7 @@ import { Stack } from '@mui/system';
 import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate';
 import Table from '../../components/Table';
 import { HeadCell, Order, PaginationTableProps } from '../../@types/table';
-import { useSearchParams } from 'react-router-dom';
+import { useLocation, useSearchParams } from 'react-router-dom';
 import palette from '../../theme/palette';
 import { fSplit } from '../../utils/formatNumber';
 
@@ -80,6 +80,7 @@ type CardPolicyProps = {
 export default function Index() {
   const { themeStretch } = useSettings();
   const { corporateValue } = useContext(UserCurrentCorporateContext);
+  const { pathname } = useLocation();
 
   const [memberData, setMemberData] = useState([]);
   const [policyData, setPolicyData] = useState<CardPolicyProps>();
@@ -257,8 +258,6 @@ export default function Index() {
     (async () => {
       setIsLoading(true);
 
-      await new Promise((resolve) => setTimeout(resolve, 250));
-
       const parameters =
         Object.keys(appliedParams).length !== 0
           ? appliedParams
@@ -270,10 +269,12 @@ export default function Index() {
         params: { ...parameters },
       });
 
-      //      console.log('member', corporateMembers);
       const corporateTopUpLimit = await axios.get(`${corporateValue}/topup`);
 
-      setSearchParams(parameters);
+      if (pathname === '/dashboard') {
+        setSearchParams(parameters);
+      }
+
       setPolicyData({
         limit: corporatePolicyLimit.data.data,
         topUpLimit: corporateTopUpLimit.data.data,
@@ -325,10 +326,10 @@ export default function Index() {
               </Button>
             ),
           /* action: (
-              <IconButton onClick={handleAction}>
-                <MoreVertIcon />
-              </IconButton>
-            ), */
+                            <IconButton onClick={handleAction}>
+                              <MoreVertIcon />
+                            </IconButton>
+                          ), */
         }))
       );
       setPaginationTable(corporateMembers.data);

frontend/client-portal/src/pages/EmployeeData/List.tsx

@@ -85,6 +85,31 @@ export default function List() {
 
   /* -------------------------------------------------------------------------- */
 
+  /* ------------------------------ handle search ----------------------------- */
+  const [searchText, setSearchText] = useState('');
+
+  const handleSearchSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    if (searchText === '') {
+      searchParams.delete('search');
+      const params = Object.fromEntries([...searchParams.entries()]);
+      setAppliedParams(params);
+    } else {
+      const params = Object.fromEntries([...searchParams.entries(), ['search', searchText]]);
+      setAppliedParams(params);
+    }
+  };
+
+  const searchs = {
+    useSearchs: true,
+    fullWidth: true,
+    searchText: searchText,
+    setSearchText: setSearchText,
+    handleSearchSubmit: handleSearchSubmit,
+  };
+  /* -------------------------------------------------------------------------- */
+
   /* -------------------------------- headCell -------------------------------- */
   const headCells: HeadCell<never>[] = [
     {
@@ -146,11 +171,6 @@ export default function List() {
       setData(
         response.data.data.map((obj: any) => ({
           ...obj,
-          // memberId:
-          // <Button
-          //  onClick={() => navigate ('/employee-data/user-profile/'+obj.personId)}
-          // >{obj.memberId}</Button>
-          // ,
           status:
             obj.status === 1 ? (
               <Label color="success">Active</Label>
@@ -200,7 +220,7 @@ export default function List() {
         paginations={paginations}
         loadings={loadings}
         params={params}
-        // searchs={searchs}
+        searchs={searchs}
         // filters={filters}
       />
     </Stack>