Input Components, Home and Global Style Updates

rdoinhs commented 11 months ago

Modifies the Tailwind config to include /components
Cleans up unused files pertaining to /home
Sets new global styles inline with the updated Figma Mockup. Related to this, I've enabled the swap between a dark and light appearance for background colors and inputs. We should discuss if we want to move to something that enables both system appearance and manual selection. This would be effective for preserving the look of pages such as the admin dashboard if we decide to intentionally leave inputs dark https://tailwindcss.com/docs/dark-mode#supporting-system-preference-and-manual-selection

Introduces a card component for use on the home page. The initial version allows expanding / collapsing, but is open to further refinement. There aretitle and optional subtitle props. Related to this, I've defined a css grid for the user cards in the home/[id]/page.tsx Here's an example with nested components:
Introduces Input Pair and Input Refinements: Input pair wraps two input components and allows for an optional icon (such as the arrow depicted below). Icons are defined by a passed iconDeclaration. Related to this, inputs now have an optional label prop.
```
<InputPair icon={faArrowRight}>
  <Input label="..." name="..." icon={{ icon: faExample }} placeholder="..." required />
  <Input label="..." name="..." icon={{ icon: faExample }} placeholder="..." required />
</InputPair>
```
Button Updates: A new optional variant prop defines either a primary or secondary button style which is defined in the corresponding css. For example, by setting the variant="secondary" style, we produce the red button style as seen in Figma mockups. If variant is absent, we default to the primary style (black). In a similar way to input pair, a icon is able to be passed as a prop. Finally, an optional spinner prop is in-progress, to display loading states:

vercel[bot] commented 11 months ago

@rdoinhs is attempting to deploy a commit to the bayview Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] commented 11 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
bay-view	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 29, 2023 9:49pm

heyitsmass / BayView