Skip to content
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

Merged

Conversation

djabarovgeorge
Copy link
Contributor

What change does this PR introduce?

Display an empty state when no tenants are found

image

@linear
Copy link

linear bot commented Jul 26, 2023

NV-2612 Tenant Page Empty State

  • Display an empty state when no tenants are found

Copy link
Contributor

@ainouzgali ainouzgali left a 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}>
Copy link
Contributor

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.

Copy link
Contributor Author

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. 🙃

<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>
Copy link
Contributor

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

Copy link
Contributor Author

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!

apps/web/src/design-system/icons/general/Buildings.tsx Outdated Show resolved Hide resolved
…ge-empty-state

# Conflicts:
#	apps/web/src/pages/tenants/components/list/TenantsList.tsx
Base automatically changed from NV-2611-initial-tenants-page-ui to stacked-tenants-support July 26, 2023 13:43
@djabarovgeorge djabarovgeorge merged commit 0c79c30 into stacked-tenants-support Jul 26, 2023
@djabarovgeorge djabarovgeorge deleted the NV-2612-tenant-page-empty-state branch July 26, 2023 15:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants