From 02313d1056f5391919fc9038a41a73f3ddf13305 Mon Sep 17 00:00:00 2001
From: unknown <benhurchrinstoper@gmail.com>
Date: Thu, 29 May 2025 00:13:03 +0700
Subject: [PATCH] admin role

---
 .../members/agent-balance/AgentBalance.tsx    |  6 --
 src/pages/members/agent-balance/Column.tsx    |  2 +-
 .../manage-members/blocks/ListToolBar.tsx     | 69 ++++++++++++-------
 3 files changed, 44 insertions(+), 33 deletions(-)

diff --git a/src/pages/members/agent-balance/AgentBalance.tsx b/src/pages/members/agent-balance/AgentBalance.tsx
index 7228225..df4ac80 100644
--- a/src/pages/members/agent-balance/AgentBalance.tsx
+++ b/src/pages/members/agent-balance/AgentBalance.tsx
@@ -4,7 +4,6 @@ import { apiConfig } from '@/config/api.config';
 import axios, { AxiosResponse } from 'axios';
 import html2canvas from 'html2canvas';
 import { Helmet } from 'react-helmet';
-import { Input } from '@/components/ui/input';
 import {
   DialogContent,
   MenuItem,
@@ -21,14 +20,9 @@ import {
   Link
 } from '@mui/material';
 import { useState, useEffect, useRef } from 'react';
-import CloseIcon from '@mui/icons-material/Close';
-import Divider from '@mui/material/Divider';
-import ConfirmDialog from '@/components/confirm';
 import { toast } from 'sonner';
 import { Container, DataGridLoader, DataGridProvider, LoaderTransparant } from '@/components';
 import { ListToolBar } from './ListToolbar';
-import { RefreshCw } from 'lucide-react';
-import { setgroups } from 'process';
 import { toAbsoluteUrl } from '@/utils';
 const BASE_URL = apiConfig.service_customer;
 
diff --git a/src/pages/members/agent-balance/Column.tsx b/src/pages/members/agent-balance/Column.tsx
index 53b75a8..d58c615 100644
--- a/src/pages/members/agent-balance/Column.tsx
+++ b/src/pages/members/agent-balance/Column.tsx
@@ -149,7 +149,7 @@ export const getColumns = (handleUpdate: (data: any) => void): ColumnDef<AgentBa
       const dataMembers = row.original;
       return (
         <button className="btn btn-sm btn-icon btn-clear btn-light" onClick={() => handleUpdate(dataMembers)}>
-          <KeenIcon icon="notepad-edit" />
+          <KeenIcon icon="eye" />
         </button>
       );
     }
diff --git a/src/pages/members/manage-members/blocks/ListToolBar.tsx b/src/pages/members/manage-members/blocks/ListToolBar.tsx
index 951cfd7..b9d2837 100644
--- a/src/pages/members/manage-members/blocks/ListToolBar.tsx
+++ b/src/pages/members/manage-members/blocks/ListToolBar.tsx
@@ -2,7 +2,7 @@ import { Button } from '@/components/ui/button';
 import { UserPlus } from 'lucide-react';
 import { KeenIcon, useDataGrid } from '@/components';
 import { DefaultTooltip } from '@/components';
-import { useState } from 'react';
+import { useState,useEffect } from 'react';
 import { toast } from 'sonner';
 import {
   Select,
@@ -13,7 +13,8 @@ import {
 } from '@/components/ui/select';
 import { getAuth } from '@/auth';
 import { apiConfig } from '@/config/api.config';
-  const API_URL = apiConfig.service_customer;
+import { useAuthContext } from '@/auth';
+const API_URL = apiConfig.service_customer;
 
 interface ListToolbarProps {
   createMember: () => void;
@@ -27,7 +28,20 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
   const { table, reload } = useDataGrid();
   const [searchValue, setSearchValue] = useState<string>();
   const [typeSearchValue, setSearchTypeValue] = useState<string>();
+  const [isAdmin, setisAdmin] = useState(false);
+  const { getUser } = useAuthContext();
   
+  useEffect(() => {
+    getUserData();
+  }, []);
+
+  async function getUserData() {
+    let userlogin:any = await getUser();
+    let userloginrole = userlogin?.data?.role?.name;
+    if (userloginrole === 'Admin') setisAdmin(true);
+  }
+
+
   const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
     e.preventDefault()
     // setSearchValue(e.target.value)
@@ -127,30 +141,33 @@ const ListToolbar = ({ createMember, onReload, isReloading, groups }: ListToolba
           </form>
 
           <div className="flex gap-3 items-center">
-            <Button
-              variant="outline"
-              className="h-7.5"
-              onClick={async () => {
-                const filters = generateExportFilters(groupFilter, typeSearchValue, searchValue);
-                const result = await exporDataToExcel(filters);
-  
-                if (result) {
-                  const url = window.URL.createObjectURL(result.blob);
-                  const a = document.createElement('a');
-                  a.href = url;
-                  a.download = result.filename;
-                  a.click();
-                  window.URL.revokeObjectURL(url);
-                } else {
-                  toast.error('Failed to export data');
-                }
-              }}
-            >
-              Export Data
-            </Button>
-            <Button variant="outline" className="h-7.5 text-[0.8rem]" onClick={createMember}>
-              Add Data
-            </Button>
+            { (!isAdmin) ? (
+              <>
+                <Button
+                  variant="outline"
+                  className="h-7.5"
+                  onClick={async () => {
+                    const filters = generateExportFilters(groupFilter, typeSearchValue, searchValue);
+                    const result = await exporDataToExcel(filters);
+      
+                    if (result) {
+                      const url = window.URL.createObjectURL(result.blob);
+                      const a = document.createElement('a');
+                      a.href = url;
+                      a.download = result.filename;
+                      a.click();
+                      window.URL.revokeObjectURL(url);
+                    } else {
+                      toast.error('Failed to export data');
+                    }
+                  }}
+                >
+                  Export Data
+                </Button>
+                <Button variant="outline" className="h-7.5 text-[0.8rem]" onClick={createMember}>Add Data</Button>
+              </>
+            ) : ('') }
+
             <DefaultTooltip title={isReloading ? 'Refreshing...' : 'Refresh'} placement={'top'}>
               <Button 
                 variant="outline"