Skip to content

feat(welcome): redesign sign-in page to match Figma card layout#417

Merged
graycyrus merged 2 commits into
tinyhumansai:mainfrom
graycyrus:feat/welcome-page-redesign
Apr 7, 2026
Merged

feat(welcome): redesign sign-in page to match Figma card layout#417
graycyrus merged 2 commits into
tinyhumansai:mainfrom
graycyrus:feat/welcome-page-redesign

Conversation

@graycyrus
Copy link
Copy Markdown
Contributor

@graycyrus graycyrus commented Apr 7, 2026

Summary

  • Redesign the Welcome/sign-in page to use the same white-card container layout as the Home page (centered card with rounded-2xl, shadow-soft, border)
  • Add horizontal OAuth pill buttons (Google, GitHub, Twitter), "Or" divider, email input field, and "Continue with email" CTA — matching the Figma design
  • Fix pre-push hook: scope rust:check to Tauri shell crate only, since the root crate's whisper-rs-sys cmake build fails on macOS (-mcpu=native unsupported by Apple clang)

Test plan

  • Verify Welcome page renders with centered white card, logo, heading, OAuth buttons, divider, email input, and CTA
  • Verify OAuth buttons (Google, GitHub, Twitter) trigger login flows correctly
  • Verify email input accepts text and form submits
  • Verify yarn rust:check passes (Tauri crate only)
  • Verify pre-push hook passes on git push

Summary by CodeRabbit

  • New Features

    • Redesigned welcome page with a new sign-in layout featuring OAuth login options and an email sign-in form.
  • Chores

    • Optimized build script to streamline the Rust check process.

Rebuild Welcome page using the same white-card design language as the
Home page — centered container with shadow, border, and consistent
spacing. Adds horizontal OAuth pill buttons (Google, GitHub, Twitter),
"Or" divider, email input field, and "Continue with email" CTA.
The root Cargo.toml includes whisper-rs-sys which fails to build on
macOS due to -mcpu=native in its cmake/ggml layer. The Tauri shell
crate builds fine and is the only Rust target the app ships, so
scope rust:check to src-tauri only.
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 7, 2026

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 13db147f-9137-43ea-806a-7f291fea7367

📥 Commits

Reviewing files that changed from the base of the PR and between 91996a1 and d6a39c3.

📒 Files selected for processing (2)
  • app/package.json
  • app/src/pages/Welcome.tsx

📝 Walkthrough

Walkthrough

Updated the rust:check script in app/package.json to invoke cargo check only for src-tauri/Cargo.toml instead of checking both that manifest and the root ../Cargo.toml. Refactored app/src/pages/Welcome.tsx to replace the TypewriterGreeting and OAuthLoginSection components with a new unified card-based sign-in interface featuring OAuth buttons, an email input field, and form submission handling.

Changes

Cohort / File(s) Summary
Build Configuration
app/package.json
Simplified the rust:check script to run cargo check against src-tauri/Cargo.toml only, removing the redundant check against the root ../Cargo.toml.
Welcome Page UI
app/src/pages/Welcome.tsx
Replaced stacked TypewriterGreeting and OAuthLoginSection components with a new card-based layout. Added email state and handleEmailSubmit handler for email sign-in form. Renders filtered OAuth provider buttons (google, github, twitter) with compact styling, includes a visual divider, and email input field with submit button.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 A script grows lean, one cargo less,
While Welcome's form puts users to the test,
OAuth buttons dance in a card so neat,
Email fields make the sign-in complete! ✨

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Comment @coderabbitai help to get the list of available commands and usage tips.

@graycyrus graycyrus merged commit 9faef55 into tinyhumansai:main Apr 7, 2026
7 of 9 checks passed
This was referenced Apr 23, 2026
AusAgentSmith pushed a commit to AusAgentSmith/openhuman that referenced this pull request May 23, 2026
…humansai#417)

* feat(welcome): redesign sign-in page to match Figma card layout

Rebuild Welcome page using the same white-card design language as the
Home page — centered container with shadow, border, and consistent
spacing. Adds horizontal OAuth pill buttons (Google, GitHub, Twitter),
"Or" divider, email input field, and "Continue with email" CTA.

* fix(hooks): remove core crate from pre-push rust:check

The root Cargo.toml includes whisper-rs-sys which fails to build on
macOS due to -mcpu=native in its cmake/ggml layer. The Tauri shell
crate builds fine and is the only Rust target the app ships, so
scope rust:check to src-tauri only.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant