We want to update our main page.tsx file to more closely match the layout in the figma. This page should have the useState holding the admin boolean variable but you just pass it to the calendar for now. This is slightly open ended but use the ChakraUI library where applicable (buttons prob.) and get these main points:
[x] Move the sign in button and all the imports/logic that go with it into the Navbar.tsx file (the one already being imported to the home page).
[x] Remove the test DB connection stuff
[x] Center the Calendar component and make sure the Navbar component is at the top of the page
[x] For the Navbar, just show the sign in button at the top right is good for now, make it look like the Figma
[x] Create a useState holding an admin variable (boolean, default false) and pass it to the Calendar component
Important note: the Add Event and Event Sign Up buttons will be the responsibility of the Calendar component, so don't include those here.
We want to update our main page.tsx file to more closely match the layout in the figma. This page should have the useState holding the admin boolean variable but you just pass it to the calendar for now. This is slightly open ended but use the ChakraUI library where applicable (buttons prob.) and get these main points:
Important note: the Add Event and Event Sign Up buttons will be the responsibility of the Calendar component, so don't include those here.