Patient Card Component

[AEst2002]

Resources

• Radix documentation
• Figma
• timestamptz

Description
We can start to create some components to match the Figma's lofis in preparation for adding additional pages like the dashboard. For this deliverable, you'll focus on the patient card component, which will be useful for clinicians.

• Implement the PatientCard component as it appears on Figma.
  • The component should take a series of props: a user id (this won't be used for the time being, but you should have it as a prop anyway), a first name, last name, diagnosis, last visit, and upcoming visit.
  • You can expect that the first name and last name will typically be provided, but you should handle cases in which any other properties are not. (i.e. Don't display fields you don't have information for)
  • The last visit and upcoming visit props should excpect a Postgres timestampz type (e.g. 2023-10-10 20:05:52.920054+00)
  • The "Progress" and "Messages" buttons should be present on your component, though they don't need to do anything for now.
  • You should be able to test your component even without querying the database, by just providing a set of made-up values for the props.