twenty icon indicating copy to clipboard operation
twenty copied to clipboard

Add empty states for show relations

Open Bonapara opened this issue 1 year ago • 1 comments

Current Behavior

  1. There is a strange feeling of emptiness (no empty state).
  2. There is a strange horizontal bar
  3. We display "All(0)" even when there are no records.

CleanShot 2024-01-24 at 18 28 19

Desired Behavior

For 1. and 2. if an object has no associated relations, display a placeholder like this: For 3. don't display "All(0)" when there is no associated records

image

https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=21021-176578&mode=design&t=jdnR7W1zF159eKJw-11

Bonapara avatar Jan 24 '24 17:01 Bonapara

Thanks @jeet1desai 🙏

I didn't mention it, but the icons for the empty state represent the related object, such as 🎯 for opportunities. Also, display the singular name of the object in the empty state, like "no opportunity" instead of "no opportunities."

Bonapara avatar Jan 24 '24 17:01 Bonapara