Skip to content
This repository has been archived by the owner on Feb 8, 2024. It is now read-only.

Update Empty state to new layout #686

Merged
merged 21 commits into from
Mar 25, 2022
Merged

Update Empty state to new layout #686

merged 21 commits into from
Mar 25, 2022

Conversation

hatched
Copy link
Contributor

@hatched hatched commented Mar 21, 2022

Updates the layout when there are no entities of a certain type to the new designs.

Screen Shot 2022-03-21 at 10 27 57 AM

Fixes: gravitational/teleport#10339

Note

There is a jarring flash of the loading indicator when switching between views because the state always enters the processing state. We should look into resolving this with an update to the loading indicator de# a follow-up.

@hatched hatched marked this pull request as ready for review March 21, 2022 16:27
@hatched hatched requested review from rudream and kimlisa March 22, 2022 22:49
@kimlisa
Copy link
Contributor

kimlisa commented Mar 23, 2022

there is also odd jumping of the empty states and it seems to happens when the image renders later? the text renders first which makes the height of the container small, then image decides to join in, which causes the jumping of the height of the container. Can we maybe set a height to the image container so that we have a "placeholder" so the rendering process is smoother?

@hatched hatched requested review from rudream and kimlisa March 24, 2022 21:09
@hatched hatched enabled auto-merge March 25, 2022 21:15
@hatched hatched merged commit ac17e29 into master Mar 25, 2022
hatched added a commit that referenced this pull request Mar 25, 2022
hatched added a commit that referenced this pull request Mar 25, 2022
@hatched hatched deleted the hatched/empty-state branch June 7, 2022 15:48
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add empty state to help first time user add resources
4 participants