You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In the states refactor branch branch (#198), a new course picker was built! This greatly improves the UX for users while picking their courses. However, it's current design needed to be improved. For this, our design team created some vector images on Figma that might help to fill the space a bit:
Course picker with no major selected
Course picker with no courses selected
The placeholders should be either on the left side, right side or both when there is no information to be displayed in the correspondent area. You can see an example here.
Placeholder when no major and no courses selected
Placeholder when no courses or no major selected
Implementation
The images should be imported as svg for greater quality and added to the svgs folder (src/components/svgs) as a component (see examples in the referred folder). It would also be nice to have classNames as a parameter in order to be easier to apply tailwind to the component.
After this, the only task is to check if there is content being displayed in each, or both, sides of the course picker and display the corresponding image.
OBS: you will have to fork the states refactor branch branch to start working on this issue!
The text was updated successfully, but these errors were encountered:
What's to be done!
In the states refactor branch branch (#198), a new course picker was built! This greatly improves the UX for users while picking their courses. However, it's current design needed to be improved. For this, our design team created some vector images on Figma that might help to fill the space a bit:
The placeholders should be either on the left side, right side or both when there is no information to be displayed in the correspondent area. You can see an example here.
Implementation
The images should be imported as svg for greater quality and added to the svgs folder (
src/components/svgs
) as a component (see examples in the referred folder). It would also be nice to have classNames as a parameter in order to be easier to apply tailwind to the component.After this, the only task is to check if there is content being displayed in each, or both, sides of the course picker and display the corresponding image.
OBS: you will have to fork the states refactor branch branch to start working on this issue!
The text was updated successfully, but these errors were encountered: