import { Palette } from 'lucide-react'; import { useRef } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { ExportButton } from '@/Components/ui/export-button'; import { Input } from '@/Components/ui/input'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime } from '@/lib/format'; import type { PaginatedResponse } from '@/types'; interface UserBrandingRow { id: number; user_id: number; user_name: string | null; user_email: string | null; company_name: string | null; primary_color: string | null; secondary_color: string | null; custom_domain: string | null; is_domain_verified: boolean; remove_rankwiz_branding: boolean; logo_path: string | null; created_at: string; } interface Stats { total: number; with_custom_domain: number; domain_verified: number; remove_branding: number; } interface Props { brandings: PaginatedResponse; stats: Stats; filters: { search?: string; sort?: string; dir?: string }; } export default function AdminUserBrandingsIndex({ brandings, stats, filters }: Props) { const searchInputRef = useRef(null); const { search, setSearch, handleSort, handlePage } = useAdminFilters({ route: '/admin/user-brandings', filters, }); const isNavigating = useNavigationState(); const exportParams: Record = {}; if (filters.search) exportParams.search = filters.search; useAdminKeyboardShortcuts({ onSearch: () => searchInputRef.current?.focus() }); return (
Admin User Brandings
} />
Total
{stats.total}
Custom Domain
{stats.with_custom_domain}
Domain Verified
{stats.domain_verified}
Removed Branding
{stats.remove_branding}
Filters setSearch(e.target.value)} className="max-w-sm" aria-label="Search user brandings" />
ID User Colors Custom Domain Flags {brandings.data.map((branding) => ( #{branding.id}
{branding.user_name ?? '—'}
{branding.user_email &&
{branding.user_email}
}
{branding.company_name ?? —}
{branding.primary_color && ( )} {branding.secondary_color && ( )} {!branding.primary_color && !branding.secondary_color && —}
{branding.custom_domain ? (
{branding.custom_domain}
{branding.is_domain_verified && ( Verified )}
) : ( — )} {branding.remove_rankwiz_branding && ( No branding )} {branding.logo_path && ( Logo )} {formatRelativeTime(branding.created_at)} ))}
); }