Volunteer - Mobile View Profile Page + Side View

[NwinNwin]

Volunteer Mobile View Profile Page

• Check http://localhost:3000/profile and view in iPhone SE view
• Edit /pages/DummyProfilePage.jsx
• 
• Use Chakra UI Breakpoint
  • Use base and xl breakpoints
  • Ex: {{base: "0", md: "15rem"}}
  • Base is mobile, MD is desktop
  • Steven is a master at this
• Match Mobile design

Volunteer Side View

• Create this component (name it components/VolunteerSideView.jsx) and display it in Playground
• It has the same size on desktop and mobile --> don't implement breakpoint for this
• This component take in and eventId prop and we use that id to fetch that event in events table to display
• Register button don't do anything for now
• Your Events Detail part should be hard coded

Resources:

• Figma Linked