Skip to content

Commit 3de8604

Browse files
capJavertclaude
andcommitted
feat(onboarding): add dummy header and sidebar shell for v2
Add static JSX header bar and collapsed sidebar to OnboardingV2 that visually match the branch's minimal onboarding look without modifying any shared layout components. Header shows logo + login/signup buttons, sidebar shows greyed-out nav icons (pointer-events-none). Also adds SearchProvider wrapper around the feed preview to fix MainFeedLayout runtime error. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 61823dc commit 3de8604

1 file changed

Lines changed: 63 additions & 1 deletion

File tree

packages/webapp/components/onboarding/OnboardingV2.tsx

Lines changed: 63 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,10 @@ import { ChromeIcon } from '@dailydotdev/shared/src/components/icons/Browser/Chr
3131
import { MagicIcon } from '@dailydotdev/shared/src/components/icons/Magic';
3232
import { NewTabIcon } from '@dailydotdev/shared/src/components/icons/NewTab';
3333
import { TerminalIcon } from '@dailydotdev/shared/src/components/icons/Terminal';
34+
import { HomeIcon } from '@dailydotdev/shared/src/components/icons/Home';
35+
import { HotIcon } from '@dailydotdev/shared/src/components/icons/Hot';
36+
import { EyeIcon } from '@dailydotdev/shared/src/components/icons/Eye';
37+
import { SquadIcon } from '@dailydotdev/shared/src/components/icons/Squad';
3438
import { VIcon } from '@dailydotdev/shared/src/components/icons/V';
3539
import { StarIcon } from '@dailydotdev/shared/src/components/icons/Star';
3640
import { cloudinaryOnboardingExtension } from '@dailydotdev/shared/src/lib/image';
@@ -1128,7 +1132,65 @@ export const OnboardingV2 = (): ReactElement => {
11281132
}, [githubImportBodyPhase]);
11291133

11301134
return (
1131-
<div ref={pageRef} className="onb-page relative" role="presentation">
1135+
<div
1136+
ref={pageRef}
1137+
className="onb-page relative tablet:pt-16 laptop:pl-11"
1138+
role="presentation"
1139+
>
1140+
{/* ── Dummy Header (desktop/tablet only) ── */}
1141+
<header className="fixed left-0 top-0 z-3 hidden h-16 w-full items-center border-b border-border-subtlest-tertiary bg-background-default px-4 tablet:flex">
1142+
<Logo
1143+
position={LogoPosition.Relative}
1144+
className="!left-0 !top-0 !mt-0 !translate-x-0"
1145+
/>
1146+
<div className="ml-auto flex items-center gap-3">
1147+
<button
1148+
type="button"
1149+
onClick={openLogin}
1150+
className="rounded-12 px-3 py-1.5 font-bold text-text-secondary transition-colors duration-200 typo-callout hover:bg-surface-hover"
1151+
>
1152+
Log in
1153+
</button>
1154+
<button
1155+
type="button"
1156+
onClick={() => setShowSignupChooser(true)}
1157+
className="hover:opacity-90 rounded-12 bg-accent-cabbage-default px-5 py-1.5 font-bold text-white transition-opacity duration-200 typo-callout"
1158+
>
1159+
Sign up
1160+
</button>
1161+
</div>
1162+
</header>
1163+
1164+
{/* ── Dummy Sidebar (laptop only) ── */}
1165+
<aside className="pointer-events-none fixed left-0 top-16 z-2 hidden h-[calc(100vh-theme(space.16))] w-11 select-none flex-col border-r border-border-subtlest-tertiary bg-background-default laptop:flex">
1166+
<nav className="flex flex-col items-center gap-0.5 pt-3">
1167+
<div className="flex h-9 w-full items-center justify-center">
1168+
<HomeIcon
1169+
className="h-5 w-5 text-text-disabled"
1170+
secondary={false}
1171+
/>
1172+
</div>
1173+
<div className="flex h-9 w-full items-center justify-center">
1174+
<SquadIcon
1175+
className="h-5 w-5 text-text-disabled"
1176+
secondary={false}
1177+
/>
1178+
</div>
1179+
<div className="flex h-9 w-full items-center justify-center">
1180+
<HotIcon className="h-5 w-5 text-text-disabled" secondary={false} />
1181+
</div>
1182+
<div className="flex h-9 w-full items-center justify-center">
1183+
<EyeIcon className="h-5 w-5 text-text-disabled" secondary={false} />
1184+
</div>
1185+
<div className="flex h-9 w-full items-center justify-center">
1186+
<TerminalIcon
1187+
className="h-5 w-5 text-text-disabled"
1188+
secondary={false}
1189+
/>
1190+
</div>
1191+
</nav>
1192+
</aside>
1193+
11321194
{/* ── Hero ── */}
11331195
<section
11341196
ref={heroRef}

0 commit comments

Comments
 (0)