added admin page

1 files changed, 35 insertions, 0 deletions

diff --git a/src/components/Admin.js b/src/components/Admin.js
new file mode 100644
index 0000000..aeb8bf6
--- /dev/null
+++ b/src/components/Admin.js
@@ -0,0 +1,35 @@
+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;