manage-navbar

[Sallin142]

Shift Component: Displayed when the user clicks the "SHIFT" button. Include a search bar, date selector, and other relevant elements as shown in the design.

People Component:

Displayed when the user clicks the "PEOPLE" button. Include a search bar, selection options, and a "REMOVE FROM DATABASE" button as shown in the design.

Common Component: Always displayed. Include buttons to "CHANGE ACCESS CODE" and "EXPORT". Redirect the user to the respective pages when these buttons are clicked.

1. [x] Create the shift.tsx component in the app/(manage)/manage/components/ directory.
2. [x] Create the people.tsx component in the app/(manage)/manage/components/ directory.
3. [ ] Create the common.tsx component in the app/(manage)/manage/components/ directory.
4. [ ] Implement the layout and styling for the Shift component.
5. [ ] Implement the layout and styling for the People component.
6. [ ] Implement the layout and styling for the Common component.
7. [ ] Implement conditional rendering logic in the app/(manage)/manage/layout.tsx file.
8. [ ] Ensure the components are rendered correctly based on user interaction.
9. [ ] Test the navbar and its components for responsiveness and functionality.
10. [ ] Conduct a code review and obtain approval.

[Sallin142]

• [x] 1. Create the GET /api/shifts and POST /api/shifts endpoints.
• [x] 2. Create the GET /api/people and DELETE /api/people/:id endpoints.
• [x] 3. Create the POST /api/change-access-code and GET /api/export endpoints.
• [x] 4. Implement request validation for all endpoints.
• [x] 5. Integrate the API endpoints with the database.
• [x] 6. Handle response and error scenarios in the APIs.
• [ ] 7. Write unit tests and integration tests for all endpoints.
• [ ] 8. Conduct a code review and obtain approval.