35 lines
880 B
JavaScript
35 lines
880 B
JavaScript
import React, { useEffect, useState } from 'react';
|
|
import axios from 'axios';
|
|
|
|
const AdminPanel = () => {
|
|
const [users, setUsers] = useState([]);
|
|
|
|
useEffect(() => {
|
|
const fetchUsers = async () => {
|
|
try {
|
|
const response = await axios.get('http://127.0.0.1:8000/users/');
|
|
setUsers(response.data);
|
|
} catch (error) {
|
|
console.error('Error fetching users:', error);
|
|
}
|
|
};
|
|
|
|
fetchUsers();
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<h1>Admin Panel</h1>
|
|
<h2>Users</h2>
|
|
<ul>
|
|
{users.map(user => (
|
|
<li key={user.id}>
|
|
{user.first_name} {user.last_name} - {user.email}
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AdminPanel; |