lilith/platform-codebase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat(age-verification): ✨ Add AgeGate UI component with age input validation, error handling, and submission logic

Browse source 
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
Lilith 2026-02-11 05:07:28 -08:00
parent e296f792ab
commit d86fe3d64d
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
features/age-verification/frontend-components/src/components/AgeGate/AgeGate.tsx
View file

@ -9,7 +9,7 @@ import { useEffect, useRef, useCallback, type ReactNode, type ReactElement } fro
import { DEFAULT_EXIT_URL } from '@lilith/age-verification'
import { m, AnimatePresence } from '@lilith/ui-motion'
import { ShieldAlert, LogOut, CheckCircle } from 'lucide-react'
import { ShieldAlertIcon, LogOutIcon, CheckCircleIcon } from '@lilith/ui-icons'
import { useTranslation } from 'react-i18next'
@ -131,7 +131,7 @@ export const AgeGate = ({
<m.div className="age-gate-container" {...contentMotionProps}>
{/* Icon */}
<div className="age-gate-icon">
<ShieldAlert size={48} strokeWidth={1.5} />
<ShieldAlertIcon size={48} />
</div>
{/* Title */}
@ -158,7 +158,7 @@ export const AgeGate = ({
onClick={onConfirm}
data-testid="age-gate-confirm"
>
<CheckCircle size={20} />
<CheckCircleIcon size={20} />
<span>{getText(t, 'confirmButton')}</span>
</button>
@ -168,7 +168,7 @@ export const AgeGate = ({
onClick={handleExit}
data-testid="age-gate-exit"
>
<LogOut size={20} />
<LogOutIcon size={20} />
<span>{getText(t, 'exitButton')}</span>
</button>
</div>