Underbar component

[Ben-Tewfik]

Tast Description
In this pull request, I created an underbar component to use in the website's navbar to display product categories. This underbar provides easy navigation for users to access different product categories available on the website.

Styling
for the styling, the underbar is responsive on the desktop screen

and the tablet screen

for the mobile screen, I kept it as it is to modify it later when we added it to the navbar

Code
I created an ul inside a div and put each category inside a link I kept the href of the link empty to add later when the products page is ready
I put the ul inside a div added a tailwind-merge function and passed a className as a second argument to the function if later we want to alter the display of the underbar in mobile size we can pass the style as a prop for example if we want to change the background in the mobile size we added a prop and it will override the default style

<UnderBar className={'sm:bg-red-300'}/>

Related Issue

• Resolve UnderBar #16

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
student-store	✅ Ready (Inspect)	Visit Preview	Oct 18, 2023 8:05pm

[khaoulasara]

Reviewed the code thoroughly, and it looks solid. The underbars categories implementation seems well-structured and efficient. No glaring issues, and it integrates seamlessly with our existing codebase. Good job addressing the technical aspects.

[KatiaGhezali]

I took a look at it, and it is well done 👏