110 lines
2.7 KiB
TypeScript
110 lines
2.7 KiB
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import axios from 'axios';
|
|
import BounceManagement from '../components/BounceManagement';
|
|
|
|
const BounceManagementPage: 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: '1400px',
|
|
margin: '0 auto',
|
|
backgroundColor: 'white',
|
|
borderRadius: '8px',
|
|
boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
|
|
overflow: 'hidden'
|
|
}}>
|
|
<div style={{
|
|
backgroundColor: '#dc3545',
|
|
color: 'white',
|
|
padding: '20px',
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center'
|
|
}}>
|
|
<div>
|
|
<h1 style={{ margin: 0, fontSize: '24px' }}>Email Bounce Management</h1>
|
|
<p style={{ margin: '5px 0 0 0', opacity: 0.9 }}>
|
|
Monitor and manage email bounce records to maintain deliverability
|
|
</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' }}>
|
|
<BounceManagement />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default BounceManagementPage; |