Conversation
|
The onboarding page is not styled and doesn't follow the current UI structure. Additionally, there's a state issue where it only displays once, even after logging out and reopening the popup. |
|
|
||
| const steps = [ | ||
| { | ||
| title: '👀 What is BrowsePing?', |
There was a problem hiding this comment.
Avoid using inline icons. Please use the React Icons library and follow the existing code structure for incorporating them.
|
I will resolve this. |
| {showOnboarding ? ( | ||
| <Onboarding | ||
| onFinish={() => { | ||
| chrome.storage.local.set({ hasSeenOnboarding: true }); |
There was a problem hiding this comment.
This current implementation only allows the onboarding to be seen once. We need a solution that displays the onboarding when the user is in a logged-out state. This requires revisiting the onboarding content to ensure it's clear and engaging.
Please work on a new branch and feel free to open a fresh PR with good commit standards. Please review the contributing.md file. |
|
Yes |
| }; | ||
|
|
||
| return ( | ||
| <div style={{ padding: 16 }}> |
There was a problem hiding this comment.
Do use tailwind css and match the current UI structure
3 participants
Problem
New users had no guidance after installing the extension, leading to confusion and early drop-off.
Solution
Added a lightweight onboarding flow shown once after install that explains:
Implementation
Impact
Improves first-time user experience and activation without affecting existing users.