Skip to content

feat: redesign tutorial dialog with step-based onboarding experience#111

Merged
felix-schultz merged 1 commit intodevfrom
feature/108-implement-onboarding-screens
Jul 16, 2025
Merged

feat: redesign tutorial dialog with step-based onboarding experience#111
felix-schultz merged 1 commit intodevfrom
feature/108-implement-onboarding-screens

Conversation

@felix-schultz
Copy link
Copy Markdown
Member

This pull request refactors and enhances the onboarding experience in the TutorialDialog component. The changes include replacing the previous dialog-based implementation with a multi-step onboarding flow featuring animated backgrounds, step-specific content, and improved user interactivity. Key updates focus on improving the user interface, adding new features for onboarding, and optimizing the code structure.

User Interface Enhancements:

  • Replaced the static dialog design with a dynamic multi-step onboarding flow, including animated backgrounds and floating icons for visual appeal. (apps/desktop/components/tutorial-dialog.tsx, apps/desktop/components/tutorial-dialog.tsxL1-R322)
  • Added step-specific content with distinct designs for "welcome," "docs," "discord," and "github" steps, each featuring tailored titles, descriptions, and interactive elements. (apps/desktop/components/tutorial-dialog.tsx, apps/desktop/components/tutorial-dialog.tsxL1-R322)

New Features for Onboarding:

Code Structure Optimization:

  • Refactored the TutorialDialog component by removing unused imports and modularizing logic into reusable components such as FeatureItem, `Bullet

@felix-schultz felix-schultz merged commit eb0869f into dev Jul 16, 2025
1 of 6 checks passed
@felix-schultz felix-schultz deleted the feature/108-implement-onboarding-screens branch July 16, 2025 17:59
@deepsource-io
Copy link
Copy Markdown

deepsource-io bot commented Jul 16, 2025

Here's the code health analysis summary for commits 5962d26..43b5baf. View details on DeepSource ↗.

Analysis Summary

AnalyzerStatusSummaryLink
DeepSource Docker LogoDocker✅ SuccessView Check ↗
DeepSource Rust LogoRust✅ SuccessView Check ↗
DeepSource JavaScript LogoJavaScript❌ Failure
❗ 22 occurences introduced
🎯 5 occurences resolved
View Check ↗

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

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