import React, { useEffect, useState } from 'react';
import axios from 'axios';

function Admin() {
  const [message, setMessage] = useState('');

  useEffect(() => {
    const fetchData = async () => {
      const token = localStorage.getItem('jwtToken');
      if (token) {
        try {
          const response = await axios.get('http://localhost:5000/admin', {
            headers: { Authorization: `Bearer ${token}` },
          });
          setMessage(response.data.message);
        } catch (error) {
          console.error('Error fetching admin data', error);
        }
      } else {
        setMessage('You are not authorized to view this page.');
      }
    };

    fetchData();
  }, []);

  return (
    <div className="Admin">
      <h2>Admin Panel</h2>
      <p>{message}</p>
    </div>
  );
}

export default Admin;