Refactor settings page to include catalyst components. FIGMA DESIGNS ADDED #1005
Description
Context
Check out the Figma Designs Which will show you how the settings page should look.
Codu is planning to do a redesign of the site in the near future. This will be done incrementally, because there is quite a lot involved.
In preparation for this, we will introduce the Catalyst component library from tailwind UI.
It's a collection of beautiful, production-ready UI components you drop into your projects alongside your own code that are yours to customize, adapt, and make your own.
This will provide us with accessible, reusable components to provide a standard theme across the site.
We will leave the default styles on the component, and we will edit them later when we begin the redesign.
Expected Behavior
The Profile Settings page should be edited to use the Catalyst inputs.
As an example, the additional-details (onboarding form) is currently using these components.
Current Behavior
This is the settings page as it is currently:
Additional info
Note: The catalyst components can be found at :
components>ui-components
The settings page is found at :
app>(app)>settings>_client.tsx>Settings
The new onboarding form is found at
app>(app)>alpha>additional-details
Any questions feel free to ask.