DONE: add customer pages, implement auth on teller page

fe/web/admin-app/src/pages/AdminManagingScreen/AdminManagingScreen.jsx

@@ -4,6 +4,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import { SERVER_URL } from '../../constants.js';
 import { UserContext } from '../../context/UserContext.jsx';
 import { useNavigate, useParams } from "react-router-dom";
+import { getToken } from '../../utils/session.js';
 
 const styles = {
     primaryButton: {
@@ -30,22 +31,22 @@ const AdminManageScreen = () => {
     const [adminEmail, setAdminEmail] = useState('');
     const [adminPassword, setAdminPassword] = useState('');
     const [selectedAdminIndex, setSelectedAdminIndex] = useState(null);
-    const [token, setToken] = useState('');
     const [emailError, setEmailError] = useState('');
     const [passwordError, setPasswordError] = useState('');
 
     useEffect(() => {
-        const storedToken = localStorage.getItem('token');
-        if (storedToken) {
-            setToken(storedToken);
+        if (getToken()) {
+            fetchAdmins();
         }
     }, []);
 
-    useEffect(() => {
-        if (token) {
-            fetchAdmins();
-        }
-    }, [token]);
+    const authHeaders = () => {
+        const token = getToken();
+        return {
+            'Content-Type': 'application/json',
+            ...(token ? { Authorization: `Bearer ${token}` } : {}),
+        };
+    };
 
     const fetchAdmins = async () => {
         try {
@@ -54,10 +55,7 @@ const AdminManageScreen = () => {
             });
             const response = await fetch(`${ SERVER_URL }/api/v1/admin/${tenantCode}`, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': token
-                },
+                headers: authHeaders(),
                 body: requestBody
             });
 
@@ -87,10 +85,7 @@ const AdminManageScreen = () => {
         try {
             const response = await fetch(`${ SERVER_URL }/api/v1/admin/${tenantCode}/user`, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': token
-                },
+                headers: authHeaders(),
                 body: JSON.stringify(requestBody)
             });
 
@@ -122,10 +117,7 @@ const AdminManageScreen = () => {
             };
             const response = await fetch(`${ SERVER_URL }/api/v1/admin/${tenantCode}/user/${admins[selectedAdminIndex].id}`, {
                 method: 'PUT',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': token
-                },
+                headers: authHeaders(),
                 body: JSON.stringify(updatedAdmin),
             });
             if (response.ok) {
@@ -146,10 +138,7 @@ const AdminManageScreen = () => {
         try {
             const response = await fetch(`${ SERVER_URL }/api/v1/admin/${tenantCode}/user/${userId}`, {
                 method: 'DELETE',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': token
-                }
+                headers: authHeaders(),
             });
             if (response.ok) {
                 const updatedAdmins = admins.filter(admin => admin.id !== userId);