DomainTable.jsx

Go to the documentation of this file.

import DomainTableRow from './DomainTableRow';
 
function parseJwt(token) {
    try {
        const payload = token.split('.')[1];
        return JSON.parse(atob(payload.replace(/-/g, '+').replace(/_/g, '/')));
    } catch {
        return null;
    }
}
 
export default function DomainTable({ domains, onEdit, onDelete, onManageDNS, onManage }) {
    const token = localStorage.getItem('token');
    const jwtPayload = token ? parseJwt(token) : null;
    const isRootTenant = jwtPayload?.is_msp || false;
 
    return (
        <div className="card">
            <div className="data-table-container">
                <table className="data-table">
                    <thead>
                        <tr>
                            <th>Domain</th>
                            {isRootTenant && <th>Tenant</th>}
                            <th>Customer</th>
                            <th>Registrar</th>
                            <th>Expiry Date</th>
                            <th>Status</th>
                            <th>Auto Renew</th>
                            <th>Contract</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {domains.length === 0 ? (
                            <tr>
                                <td colSpan={isRootTenant ? "9" : "8"} style={{ textAlign: 'center', padding: '40px', color: 'var(--text-secondary)' }}>
                                    No domains registered yet. Click "Register Domain" to get started.
                                </td>
                            </tr>
                        ) : (
                            domains.map((domain) => (
                                <DomainTableRow
                                    key={domain.domain_id}
                                    domain={domain}
                                    onEdit={onEdit}
                                    onDelete={onDelete}
                                    onManageDNS={onManageDNS}
                                    onManage={onManage}
                                    isRootTenant={isRootTenant}
                                />
                            ))
                        )}
                    </tbody>
                </table>
            </div>
        </div>
    );
}