Email template management

2025-11-10 16:07:22 +00:00
parent 43b13ef52d
commit 7fd237c28b
17 changed files with 1421 additions and 259 deletions
--- a/frontend/src/pages/EmailTemplates.tsx
+++ b/frontend/src/pages/EmailTemplates.tsx
@@ -0,0 +1,110 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import axios from 'axios';
+import EmailTemplateManagement from '../components/EmailTemplateManagement';
+
+const EmailTemplates: React.FC = () => {
+  const navigate = useNavigate();
+  const [isSuperAdmin, setIsSuperAdmin] = useState(false);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    checkSuperAdminAccess();
+  }, []);
+
+  const checkSuperAdminAccess = async () => {
+    try {
+      const token = localStorage.getItem('token');
+      if (!token) {
+        navigate('/login');
+        return;
+      }
+
+      const response = await axios.get('/api/v1/users/me', {
+        headers: { Authorization: `Bearer ${token}` }
+      });
+
+      if (response.data.role !== 'super_admin') {
+        navigate('/dashboard');
+        return;
+      }
+
+      setIsSuperAdmin(true);
+    } catch (error) {
+      console.error('Error checking user role:', error);
+      navigate('/login');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100vh',
+        backgroundColor: '#f8f9fa'
+      }}>
+        <div>Loading...</div>
+      </div>
+    );
+  }
+
+  if (!isSuperAdmin) {
+    return null; // Will redirect
+  }
+
+  return (
+    <div style={{
+      minHeight: '100vh',
+      backgroundColor: '#f8f9fa',
+      padding: '20px'
+    }}>
+      <div style={{
+        maxWidth: '1200px',
+        margin: '0 auto',
+        backgroundColor: 'white',
+        borderRadius: '8px',
+        boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+        overflow: 'hidden'
+      }}>
+        <div style={{
+          backgroundColor: '#007bff',
+          color: 'white',
+          padding: '20px',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center'
+        }}>
+          <div>
+            <h1 style={{ margin: 0, fontSize: '24px' }}>Email Template Management</h1>
+            <p style={{ margin: '5px 0 0 0', opacity: 0.9 }}>
+              Manage email templates for the membership system
+            </p>
+          </div>
+          <button
+            onClick={() => navigate('/dashboard')}
+            style={{
+              padding: '8px 16px',
+              backgroundColor: 'rgba(255,255,255,0.2)',
+              color: 'white',
+              border: '1px solid rgba(255,255,255,0.3)',
+              borderRadius: '4px',
+              cursor: 'pointer'
+            }}
+          >
+            Back to Dashboard
+          </button>
+        </div>
+
+        <div style={{ padding: '20px' }}>
+          <EmailTemplateManagement />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default EmailTemplates;