Closed sneha-4-22 closed 1 month ago
@sneha-4-22 is attempting to deploy a commit to the Sanchit Bajaj's projects Team on Vercel.
A member of the Team first needs to authorize it.
The recent changes introduce a guided tour feature to the platform using Shepherd.js. This enhancement includes the addition of a startTour
function to initialize the tour, a "Start Tour" button in the navbar to trigger it, and custom styling for the tour elements to ensure they align with the platform's theme. These modifications aim to provide users with an interactive and informative walkthrough of the platform's functionalities.
File Path | Change Summary |
---|---|
src/components/core/navbar/index.tsx |
Added startTour function and "Start Tour" button to initiate a guided tour using Shepherd.js. |
src/components/core/themeButton/index.tsx |
Added spaces before className attribute values in JSX buttons for improved formatting. |
src/components/core/utils/startTour.tsx |
Introduced startTour function to initialize a guided tour with Shepherd.js. |
src/components/core/utils/styles.css |
Added styling rules for Shepherd.js elements using Tailwind CSS classes to match the platform's theme. |
sequenceDiagram
participant User
participant Navbar
participant Shepherd
User->>Navbar: Click "Start Tour" button
Navbar->>Shepherd: Call startTour function
Shepherd->>User: Display guided tour steps
Objective | Addressed | Explanation |
---|---|---|
Integrate Shepherd.js for creating guided tours (#347) | ✅ | |
Ensure the tour initializes correctly when the "Start Tour" button is clicked (#347) | ✅ | |
Customize the appearance of the tour elements to align with the website's theme (#347) | ✅ | |
Smaller tour box size with reduced padding and adjusted font sizes (#347) | ✅ | |
Custom border, background, and text colors to match the site design (#347) | ✅ | |
Smooth transitions and hover effects (#347) | ✅ |
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Related Issue
fixes: #347
Description
https://github.com/Sanchitbajaj02/palettegram/assets/112711068/35666cfe-d206-4da0-a578-232f269f42e0
Summary by CodeRabbit
New Features
Style
Documentation