Adding more shit

frontend/src/components/ProfileMenu.tsx

@@ -1,14 +1,17 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { authService } from '../services/membershipService';
+import SuperAdminMenu from './SuperAdminMenu';
 
 interface ProfileMenuProps {
   userName: string;
+  userRole: string;
 }
 
-const ProfileMenu: React.FC<ProfileMenuProps> = ({ userName }) => {
+const ProfileMenu: React.FC<ProfileMenuProps> = ({ userName, userRole }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [showChangePassword, setShowChangePassword] = useState(false);
+  const [showSuperAdmin, setShowSuperAdmin] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
   const navigate = useNavigate();
 
@@ -35,8 +38,13 @@ const ProfileMenu: React.FC<ProfileMenuProps> = ({ userName }) => {
     setIsOpen(false);
   };
 
-  const handleCloseChangePassword = () => {
-    setShowChangePassword(false);
+  const handleSuperAdmin = () => {
+    setShowSuperAdmin(true);
+    setIsOpen(false);
+  };
+
+  const handleCloseSuperAdmin = () => {
+    setShowSuperAdmin(false);
   };
 
   const dropdownStyle: React.CSSProperties = {
@@ -85,8 +93,20 @@ const ProfileMenu: React.FC<ProfileMenuProps> = ({ userName }) => {
 
         {isOpen && (
           <div style={dropdownStyle}>
+            {userRole === 'super_admin' && (
+              <button
+                style={{ ...menuItemStyle, borderRadius: '4px 4px 0 0' }}
+                onClick={handleSuperAdmin}
+              >
+                Super Admin Panel
+              </button>
+            )}
             <button
-              style={{ ...menuItemStyle, borderRadius: '4px 4px 0 0' }}
+              style={{
+                ...menuItemStyle,
+                borderRadius: userRole === 'super_admin' ? '0' : '4px 4px 0 0',
+                borderTop: userRole === 'super_admin' ? '1px solid #eee' : 'none'
+              }}
               onClick={handleChangePassword}
             >
               Change Password
@@ -104,6 +124,10 @@ const ProfileMenu: React.FC<ProfileMenuProps> = ({ userName }) => {
       {showChangePassword && (
         <ChangePasswordModal onClose={handleCloseChangePassword} />
       )}
+
+      {showSuperAdmin && (
+        <SuperAdminMenu onClose={handleCloseSuperAdmin} />
+      )}
     </>
   );
 };