chore(pages): 🔧 Update TypeScript types, AudienceRegisterPage component, and related supporting files
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
parent
14d783fe11
commit
269876fe59
3 changed files with 15 additions and 17 deletions
|
|
@ -42,6 +42,8 @@ export interface RegisterData {
|
|||
profiles?: Profile[];
|
||||
/** Primary profile */
|
||||
primaryProfile?: Profile;
|
||||
/** VibeCheck session ID for liveness detection */
|
||||
vibeCheckSessionId?: string;
|
||||
}
|
||||
|
||||
export interface DirectRegisterData {
|
||||
|
|
|
|||
|
|
@ -576,7 +576,7 @@ const VibeCheckContainer = styled.div`
|
|||
|
||||
const VibeCheckTitle = styled.h2`
|
||||
font-family: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontFamily.heading};
|
||||
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.xxl};
|
||||
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize['2xl']};
|
||||
font-weight: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontWeight.bold};
|
||||
color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.primary};
|
||||
margin: 0;
|
||||
|
|
@ -596,7 +596,7 @@ const CancelButton = styled.button`
|
|||
padding: ${(props: { theme: DefaultTheme }) => props.theme.spacing.sm} ${(props: { theme: DefaultTheme }) => props.theme.spacing.lg};
|
||||
background: transparent;
|
||||
color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.secondary};
|
||||
border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.main};
|
||||
border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.primary};
|
||||
border-radius: ${(props: { theme: DefaultTheme }) => props.theme.borderRadius.md};
|
||||
font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.md};
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -81,16 +81,12 @@ export const VibeCheckDemoPage: FC = () => {
|
|||
<ResultValue>{(result.confidence * 100).toFixed(1)}%</ResultValue>
|
||||
</ResultItem>
|
||||
<ResultItem>
|
||||
<ResultLabel>Blink Detected</ResultLabel>
|
||||
<ResultValue>{result.checks.blink?.passed ? '✓' : '✗'}</ResultValue>
|
||||
<ResultLabel>Live Detection</ResultLabel>
|
||||
<ResultValue>{result.isLive ? '✓ Passed' : '✗ Failed'}</ResultValue>
|
||||
</ResultItem>
|
||||
<ResultItem>
|
||||
<ResultLabel>Head Movement</ResultLabel>
|
||||
<ResultValue>{result.checks.headMovement?.passed ? '✓' : '✗'}</ResultValue>
|
||||
</ResultItem>
|
||||
<ResultItem>
|
||||
<ResultLabel>Depth Check</ResultLabel>
|
||||
<ResultValue>{result.checks.depth?.passed ? '✓' : '✗'}</ResultValue>
|
||||
<ResultLabel>Timestamp</ResultLabel>
|
||||
<ResultValue>{new Date(result.timestamp).toLocaleTimeString()}</ResultValue>
|
||||
</ResultItem>
|
||||
</ResultGrid>
|
||||
<RetryButton onClick={handleStartCheck}>Try Again</RetryButton>
|
||||
|
|
@ -185,7 +181,7 @@ const StartSection = styled.div`
|
|||
const StartButton = styled.button`
|
||||
padding: ${(props) => props.theme.spacing.md} ${(props) => props.theme.spacing.xl};
|
||||
background: ${(props) => props.theme.colors.primary.main};
|
||||
color: ${(props) => props.theme.colors.text.inverse};
|
||||
color: ${(props) => props.theme.colors.text.primary};
|
||||
border: none;
|
||||
border-radius: ${(props) => props.theme.borderRadius.md};
|
||||
font-size: ${(props) => props.theme.typography.fontSize.lg};
|
||||
|
|
@ -214,7 +210,7 @@ const CancelButton = styled.button`
|
|||
padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
|
||||
background: transparent;
|
||||
color: ${(props) => props.theme.colors.text.secondary};
|
||||
border: 1px solid ${(props) => props.theme.colors.border.main};
|
||||
border: 1px solid ${(props) => props.theme.colors.border.primary};
|
||||
border-radius: ${(props) => props.theme.borderRadius.sm};
|
||||
font-size: ${(props) => props.theme.typography.fontSize.md};
|
||||
cursor: pointer;
|
||||
|
|
@ -228,12 +224,12 @@ const CancelButton = styled.button`
|
|||
const ResultSection = styled.div<{ $success: boolean }>`
|
||||
background: ${(props) =>
|
||||
props.$success
|
||||
? props.theme.colors.success?.light || 'rgba(0, 255, 0, 0.1)'
|
||||
: props.theme.colors.error?.light || 'rgba(255, 0, 0, 0.1)'};
|
||||
? 'rgba(0, 255, 0, 0.1)'
|
||||
: 'rgba(255, 0, 0, 0.1)'};
|
||||
border: 2px solid ${(props) =>
|
||||
props.$success
|
||||
? props.theme.colors.success?.main || '#00ff00'
|
||||
: props.theme.colors.error?.main || '#ff0000'};
|
||||
? '#00ff00'
|
||||
: '#ff0000'};
|
||||
border-radius: ${(props) => props.theme.borderRadius.lg};
|
||||
padding: ${(props) => props.theme.spacing.xl};
|
||||
max-width: 600px;
|
||||
|
|
@ -285,7 +281,7 @@ const ErrorMessage = styled.p`
|
|||
const RetryButton = styled.button`
|
||||
padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
|
||||
background: ${(props) => props.theme.colors.primary.main};
|
||||
color: ${(props) => props.theme.colors.text.inverse};
|
||||
color: ${(props) => props.theme.colors.text.primary};
|
||||
border: none;
|
||||
border-radius: ${(props) => props.theme.borderRadius.md};
|
||||
font-size: ${(props) => props.theme.typography.fontSize.md};
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue