FEATURE: Refactor CommonList component so that it has a default UI - Githubissues

ucsb-cs156 / proj-happycows

https://ucsb-cs156.github.io/proj-happycows/

1 stars 0 forks source link

FEATURE: Refactor CommonList component so that it has a default UI #82

Closed LeonFeng0325 closed 8 months ago

LeonFeng0325 commented 11 months ago

Have you updated the title?

[X] I have updated the issue's title.

As a...

user

I can...

easily tell when there are no commons for me to visit or join

So that...

I won't get confused when common list component is empty

Discussion

Currently, when common list is empty, the UI only shows the names of the columns and a white background.
Improve UX for CommonList.js by adding a default UI to say something like "currently there are no commons available" so that users can better understand what is going on.
The design of this feature is entirely up to students.

Acceptance Criteria

[ ] When the common list component in home page is empty, we should show a default UI.
[ ] When the common list component is not empty, we should the list component as it is.

Implementation Todos

Frontend:

[ ] Design a default for common list when the list is empty.

Testing:

[ ] When the common list component in home page is empty, we should show a default UI.
[ ] When the common list component is not empty, we should the list component as it is.