mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-18 16:18:18 +01:00
parent 0b301feb61
commit 13567d51af
329 changed files with 4701 additions and 4750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
apps/website/components/onboarding/PersonalInfoStep.tsx
View File

@@ -1,7 +1,6 @@
import { Clock, ChevronRight } from 'lucide-react';
import { Input } from '@/ui/Input';
import { CountrySelect } from '@/components/shared/CountrySelect';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Icon } from '@/ui/Icon';
@@ -44,7 +43,7 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
return (
<Stack gap={6}>
<Grid cols={2} gap={4}>
<Box>
<Stack>
<Text as="label" htmlFor="firstName" size="sm" weight="medium" color="text-gray-300" block mb={2}>
First Name *
</Text>
@@ -60,9 +59,9 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
placeholder="John"
disabled={loading}
/>
</Box>
</Stack>
<Box>
<Stack>
<Text as="label" htmlFor="lastName" size="sm" weight="medium" color="text-gray-300" block mb={2}>
Last Name *
</Text>
@@ -78,10 +77,10 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
placeholder="Racer"
disabled={loading}
/>
</Box>
</Stack>
</Grid>
<Box>
<Stack>
<Text as="label" htmlFor="displayName" size="sm" weight="medium" color="text-gray-300" block mb={2}>
Display Name * <Text color="text-gray-500" weight="normal">(shown publicly)</Text>
</Text>
@@ -97,10 +96,10 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
placeholder="SpeedyRacer42"
disabled={loading}
/>
</Box>
</Stack>
<Grid cols={2} gap={4}>
<Box>
<Stack>
<Text as="label" htmlFor="country" size="sm" weight="medium" color="text-gray-300" block mb={2}>
Country *
</Text>
@@ -113,16 +112,16 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
errorMessage={errors.country ?? ''}
disabled={loading}
/>
</Box>
</Stack>
<Box>
<Stack>
<Text as="label" htmlFor="timezone" size="sm" weight="medium" color="text-gray-300" block mb={2}>
Timezone
</Text>
<Box position="relative">
<Box position="absolute" left={3} top="50%" transform="translateY(-50%)" zIndex={10}>
<Stack position="relative">
<Stack position="absolute" left={3} top="50%" transform="translateY(-50%)" zIndex={10}>
<Icon icon={Clock} size={4} color="text-gray-500" />
</Box>
</Stack>
<Select
id="timezone"
value={personalInfo.timezone}
@@ -136,11 +135,11 @@ export function PersonalInfoStep({ personalInfo, setPersonalInfo, errors, loadin
pl={10}
disabled={loading}
/>
<Box position="absolute" right={3} top="50%" transform="translateY(-50%)" pointerEvents="none">
<Stack position="absolute" right={3} top="50%" transform="translateY(-50%)" pointerEvents="none">
<Icon icon={ChevronRight} size={4} color="text-gray-500" transform="rotate(90deg)" />
</Box>
</Box>
</Box>
</Stack>
</Stack>
</Stack>
</Grid>
</Stack>
);