State Variables: Added state variables for name, email, and phone to store user profile details.
Dropdown Menu: Added new items to the dropdown menu for displaying the user's name, email, phone, your orders, rewards, and your coupons.
Profile Details: Displayed profile details using
.
Grid Layout: Used Row and Col from Bootstrap for responsive grid layout, adjusting column sizes for different screen sizes (md, lg, etc.).
Form Styling: Improved form input styling with Bootstrap classes and custom CSS.
File Upload: Added file upload functionality with an input element.
CSS Styling: Included basic CSS styles to enhance visual appeal and responsiveness.
Added state variables for phone, age, dob, and gender.
Modified useEffect to fetch these fields from the database.
Updated Onsubmit, addUser, and updateUser functions to handle these new fields.
Added new input fields for Phone Number, Age, Date of Birth, and Gender in the form.
Screenshots (if appropriate):
Types of changes
[ ] Bug fix (non-breaking change which fixes an issue)
[X] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
Checklist:
[X] My code follows the code style of this project.
[ ] My change requires a change to the documentation.
Added Profile Button in the header Closes #420
Description
State Variables: Added state variables for name, email, and phone to store user profile details. Dropdown Menu: Added new items to the dropdown menu for displaying the user's name, email, phone, your orders, rewards, and your coupons. Profile Details: Displayed profile details using
Screenshots (if appropriate):
Types of changes
Checklist:
The latest updates on your projects. Learn more about Vercel for Git ↗︎
@dinxsh can you review it