diff --git a/features/platform-admin/frontend-admin/src/pages/trust/overview-page.tsx b/features/platform-admin/frontend-admin/src/pages/trust/overview-page.tsx index f996fbcb2..03c60f670 100644 --- a/features/platform-admin/frontend-admin/src/pages/trust/overview-page.tsx +++ b/features/platform-admin/frontend-admin/src/pages/trust/overview-page.tsx @@ -14,6 +14,13 @@ import { Heading, Text } from '@lilith/ui-typography' import type { ReactElement, FormEvent } from 'react' +import { + PageContainer, + HeaderSection, + CardHeader, + CardContent, +} from '@/components/admin-pages/SharedPageComponents' + // ─── Types ──────────────────────────────────────────────────────────────────── type SubjectType = 'PROVIDER_REVIEW' | 'CLIENT_REVIEW' | 'INTEL_REPORT' @@ -69,31 +76,12 @@ async function lookupVerification( // ─── Styled Components ──────────────────────────────────────────────────────── -const PageContainer = styled.div` - display: flex; - flex-direction: column; - gap: 1.5rem; -` - -const HeaderSection = styled.div` - margin-bottom: 1rem; -` - -const CardHeader = styled.div` - padding: 1rem; - border-bottom: 1px solid var(--border-color); -` - const CardTitle = styled.h3` font-size: 1rem; font-weight: 600; margin: 0; ` -const CardContent = styled.div` - padding: 1.25rem; -` - const InfoText = styled.p` font-size: 0.875rem; color: var(--text-secondary); diff --git a/features/platform-admin/frontend-admin/src/pages/trust/verifications-page.tsx b/features/platform-admin/frontend-admin/src/pages/trust/verifications-page.tsx index 0a99fe0b8..bcf0a10fe 100644 --- a/features/platform-admin/frontend-admin/src/pages/trust/verifications-page.tsx +++ b/features/platform-admin/frontend-admin/src/pages/trust/verifications-page.tsx @@ -14,6 +14,13 @@ import { Heading, Text } from '@lilith/ui-typography' import type { ReactElement, FormEvent } from 'react' +import { + PageContainer, + HeaderSection, + CardHeader, + CardContent, +} from '@/components/admin-pages/SharedPageComponents' + // ─── Types ──────────────────────────────────────────────────────────────────── type SubjectType = 'PROVIDER_REVIEW' | 'CLIENT_REVIEW' | 'INTEL_REPORT' @@ -69,31 +76,12 @@ async function lookupVerification( // ─── Styled Components ──────────────────────────────────────────────────────── -const PageContainer = styled.div` - display: flex; - flex-direction: column; - gap: 1.5rem; -` - -const HeaderSection = styled.div` - margin-bottom: 1rem; -` - -const CardHeader = styled.div` - padding: 1rem; - border-bottom: 1px solid var(--border-color); -` - const CardTitle = styled.h3` font-size: 1rem; font-weight: 600; margin: 0; ` -const CardContent = styled.div` - padding: 1.25rem; -` - const InfoText = styled.p` font-size: 0.875rem; color: var(--text-secondary);