The purpose of this PR is to make the "Become a Mentor" button responsive.
Goals
This PR makes the "Become a Mentor" button responsive using Tailwind CSS. It also attempts to fix an issue where the application does not navigate to the /mentor-registration route when the button is clicked in mobile view.
Approach
I updated the handleMentorRegistration function in the MenuDrawer.tsx file to navigate to the /mentor-registration route when the "Become a Mentor" button is clicked. However, this does not seem to be working as expected on mobile devices. I would appreciate if someone could look into this.
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation
Related PRs
N/A
Test environment
OS - Fedora Linux 39 (KDE Plasma) x86_64
NodeJS - 20.10.0
Learning
I learned about the importance of making UI elements responsive to ensure a good user experience on all devices. I also learned about the navigate function and how it can be used to programmatically navigate to different routes in a React application.
Purpose
The purpose of this PR is to fix #71
Purpose
The purpose of this PR is to make the "Become a Mentor" button responsive.
Goals
This PR makes the "Become a Mentor" button responsive using Tailwind CSS. It also attempts to fix an issue where the application does not navigate to the
/mentor-registrationroute when the button is clicked in mobile view.Approach
I updated the
handleMentorRegistrationfunction in theMenuDrawer.tsxfile to navigate to the/mentor-registrationroute when the "Become a Mentor" button is clicked. However, this does not seem to be working as expected on mobile devices. I would appreciate if someone could look into this.Screenshots
Screencast_20240113_161026.webm
Checklist
Related PRs
N/A
Test environment
OS - Fedora Linux 39 (KDE Plasma) x86_64 NodeJS - 20.10.0
Learning
I learned about the importance of making UI elements responsive to ensure a good user experience on all devices. I also learned about the
navigatefunction and how it can be used to programmatically navigate to different routes in a React application.