-
Notifications
You must be signed in to change notification settings - Fork 3.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Nv 2612 - Tenant Page Empty State #3857
Nv 2612 - Tenant Page Empty State #3857
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added a few suggestions❤️
@@ -23,9 +26,12 @@ export const TenantsList = ({ onAddTenantClick }: { onAddTenantClick: React.Mous | |||
<Container fluid sx={{ padding: '0 30px 8px 30px' }}> | |||
<Toolbar onAddTenantClick={onAddTenantClick} tenantLoading={tenantLoading} /> | |||
</Container> | |||
<When truthy={hasTenants || isLoading}> | |||
<When truthy={loadingPhase}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just my opinion - your choice. I feel its easier to read when the conditions are here if they are not complex.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
for me, one boolean is more readable as long as it is chosen right. 🙃
apps/web/src/pages/tenants/components/list/TenantsListNoData.tsx
Outdated
Show resolved
Hide resolved
<NoDataHolder data-test-id="no-integrations-placeholder"> | ||
<Buildings style={{ fill: colors.B30, width: '50px', height: '45px', margin: '30px' }} /> | ||
<NoDataText>Add the first tenant for the</NoDataText> | ||
<NoDataText>development environment</NoDataText> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Notice that we need to be dynamic about the environment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh really? I thought about it as a general 'development' tag, thanks for bringing it up I will update it!
…ge-empty-state # Conflicts: # apps/web/src/pages/tenants/components/list/TenantsList.tsx
What change does this PR introduce?
Display an empty state when no tenants are found