Added responsive Search bar and phone number display on Dashboard Navbar

[Atv23]

Changes made:

• Commented the code for Home, Best Sellers, etc.
• Added a search bar to the navbar on Dashboard window.
• Included a mobile number field next to the search bar.
• Ensured both elements are responsive and adjust well on smaller screens.
• Improved the visibility of the mobile phone icon on smaller screen.
• Set a consistent width for the dropdown menu for Phone Number display on smaller screen.
• Maintained the CSS design to align with the blue and white theme of the application.

Screenshots:

[vercel[bot]]

Deployment failed with the following error:

Resource is limited - try again in 8 hours (more than 100, code: "api-deployments-free-per-day").

[Atv23]

I believe my changes weren't responsible for the deployment failure, as it seems to be related to resource limits on the hosting platform.

[VishnuAmit]

@Atv23 . The resource is limited and i am sorting it out and its not your mistake.

Just one small change:

Make the location search bar look like this

Put the phone number inside the hamburger. Inside hamburger: call icon - phone number

Since there are issues with deployment, you can add a video demonstrating the responsiveness.

Thanks.

[VishnuAmit]

I have updated my last comment. I think in this way, the location bar would be wider in mobile screen. Refering your 3rd image.

[Atv23]

I cant find the issue anywhere in the repo? What happened? You didnt accept the PR also

On Tue, 8 Oct 2024 at 11:26, Vishnu Kasilya @.***> wrote:

I have updated my last comment. I think in this way, the location bar would be wider in mobile screen. Refering your 3rd image.

— Reply to this email directly, view it on GitHub https://github.com/VishnuAmit/LapProFix/pull/18#issuecomment-2398914794, or unsubscribe https://github.com/notifications/unsubscribe-auth/AY6NFVK6V6ZMOUDJDPFSAWTZ2NXYLAVCNFSM6AAAAABPRKZPHKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOJYHEYTINZZGQ . You are receiving this because you were mentioned.Message ID: @.***>

[VishnuAmit]

https://github.com/VishnuAmit/LapProFix/issues/11. You can find the issue here. I didnt' accept the PR because few changes are needed to be done.

@Atv23 . The resource is limited and i am sorting it out and its not your mistake.

Just one small change:

Make the location search bar look like this

Put the phone number inside the hamburger. Inside hamburger: call icon - phone number

Since there are issues with deployment, you can add a video demonstrating the responsiveness.

Thanks.

[Atv23]

Ok got it, will work on it, thanks!! Does the search bar has to be functional too?

[VishnuAmit]

Umm, Not needed for now. But the idea is when we enter any permitted location on the search bar, it should load and display the same content, If not it should display a page Oops, We didnt expand our services to your location yet!

Its your wish, if you are willing to do this as well in the same issue. (Optional)

[Atv23]

the sign in has some issues with the current commit I guess, not able to access the dashboard section

[VishnuAmit]

Hey @Atv23 Sorry. we are fixing it. As of now, you could connect it to your mongoDB database and paste the connection string in db->config.js.

Following that, try to sign up and then sign in (only google works now) , then you can access the dashboard page. User your google id and secret in your .env file.

Sorry for this. Let me know if you can reach the dashboard page.

[VishnuAmit]

@Atv23 It's fixed. You can signup/signin and access the dashboard page. Connect it your mongodb.

[Atv23]

Sorry for the delay but the Signin/Signup still wasn't functioning whenever I tried, I changed home page path and disabled session to make the changes which I ensured to change it back. Please consider the change, I requested a PR