You do not have permission to view this page.
;
+ }
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const usersResponse = await fetch(`${API_BASE_URL}/admin/users`, {
+ method: 'GET',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ }
+ });
+ const usersData = await usersResponse.json();
+ if (!usersResponse.ok) throw new Error('Failed to fetch users');
+ setUsers(usersData);
+
+ const groupsResponse = await fetch(`${API_BASE_URL}/admin/group`, {
+ method: 'GET',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ }
+ });
+ const groupsData = await groupsResponse.json();
+ if (!groupsResponse.ok) throw new Error('Failed to fetch groups');
+ setGroups(groupsData);
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchData();
+ }, []);
+
+ const deleteUser = async (userId) => {
+ try {
+ const response = await fetch(`${API_BASE_URL}/admin/user/${userId}`, {
+ method: 'DELETE',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ }
+ });
+ if (!response.ok) throw new Error('Failed to delete user');
+ setUsers(prevUsers => prevUsers.filter(user => user.id !== userId));
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ const deleteGroup = async (groupId) => {
+ try {
+ const response = await fetch(`${API_BASE_URL}/admin/group/${groupId}`, {
+ method: 'DELETE',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ }
+ });
+ if (!response.ok) throw new Error('Failed to delete group');
+ setGroups(prevGroups => prevGroups.filter(group => group.GroupID !== groupId));
+ if (selectedGroupId === groupId) setSelectedGroupId('');
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ const addUserToGroup = async (userId) => {
+ try {
+ const response = await fetch(`${API_BASE_URL}/admin/user/group/${selectedGroupId}`, {
+ method: 'POST',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ },
+ body: JSON.stringify({ "userId": userId })
+ });
+ if (!response.ok) throw new Error('Failed to add user to group');
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ const registerUser = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await fetch(`${API_BASE_URL}/admin/register`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ },
+ body: JSON.stringify(newUser),
+ });
+ if (!response.ok) throw new Error('Failed to register user');
+ const registeredUser = await response.json();
+ setUsers(prevUsers => [...prevUsers, registeredUser]);
+ setNewUser({ username: '', password: '', name: '' });
+ } catch (error) {
+ console.error(error);
+ setError(error.message);
+ }
+ };
+
+ const createGroup = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await fetch(`${API_BASE_URL}/admin/group`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${localStorage.getItem('accessToken')}`
+ },
+ body: JSON.stringify({ name: newGroupName }),
+ });
+ if (!response.ok) throw new Error('Failed to create group');
+ const createdGroup = await response.json();
+ setGroups(prevGroups => [...prevGroups, createdGroup]);
+ setNewGroupName('');
+ } catch (error) {
+ console.error(error);
+ setError(error.message);
+ }
+ };
+
+ if (loading) return Loading...
;
+ if (error) return
+
Admin Dashboard
+
+
+
Users
+
+ {users.map(user => (
+ -
+ {user.name}
+
+
+ ))}
+
+
+
+
+
Groups
+
+ {groups.map(group => (
+ -
+ {group.GroupName}
+
+
+ ))}
+
+
+
+
+
Add User to Group
+
+
+
+
+
Register New User
+
+
+
+
+
Create New Group
+
+
+
+
+
+
setSearchTerm(e.target.value)}
+ className="search-input"
+ />
+
+
+
+ {/* Modal */}
+ {showModal && (
+
+
+
Create New Password
+
+
+
+ )}
+
+
+ {filteredPasswords.length > 0 ? (
+ filteredPasswords.map((entry) => (
+
+
{entry.name}
+
+
+ Password: {revealedPasswords[entry.id] ? entry.password : '●●●●●●●●●●'}
+
+
+
+
Created By: {entry.created_by}
+
Created At: {entry.created_at}
+
+
No passwords available.
+ )}
+
+
+