[ENG-1271] Implement filter, search, sort designs in clipboard#900
[ENG-1271] Implement filter, search, sort designs in clipboard#900trangdoan982 wants to merge 4 commits intomainfrom
Conversation
|
This pull request has been ignored for the connected project Preview Branches by Supabase. |
| <div className="flex-shrink-0"> | ||
| <Button | ||
| icon={<Icon icon="minus" />} | ||
| icon={<Icon icon={isCollapsed ? "chevron-down" : "minus"} />} |
There was a problem hiding this comment.
unrelated to this ticket but a quick UI fix
There was a problem hiding this comment.
chevron-down usually means expanded. Introducing this change now has two different meanings in the same component. Let's remove this for now and add it as a FEE ticket.
![graphite-app[bot]](https://avatars.githubusercontent.com/in/158384?s=60&v=4){kind=small}
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
![devin-ai-integration[bot]](https://avatars.githubusercontent.com/in/811515?s=60&v=4){kind=small}
Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>
mdroidian
left a comment
mdroidian
left a comment
There was a problem hiding this comment.
Let's match the UI designs more closely:
- Nodes should have their node colors (you can take this code from elsewhere in the project, eg Canvas Drawer)
- Search on left, filters/sort on right
- Show "Clear Filters" but keep it disabled. This is to be consistent with other components and help remove jank and it won't come as a surprise to users
- Filter button should have the button design as seen in the image
- Remove search layout jank
https://www.loom.com/share/3547f91eff7e4ffa95da825a29184954
| <div className="flex-shrink-0"> | ||
| <Button | ||
| icon={<Icon icon="minus" />} | ||
| icon={<Icon icon={isCollapsed ? "chevron-down" : "minus"} />} |
There was a problem hiding this comment.
chevron-down usually means expanded. Introducing this change now has two different meanings in the same component. Let's remove this for now and add it as a FEE ticket.
2 participants
https://www.loom.com/share/ca48bea531b44511ac951363dd996971