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

feat: add initial tenants ui #3855

Merged

Conversation

djabarovgeorge
Copy link
Contributor

@djabarovgeorge djabarovgeorge commented Jul 25, 2023

What change does this PR introduce?

The new Tenants page will show the list of tenants.

The API endpoint to get the tenants list was created in the previous cycle.

Why was this change needed?

We need a page to manage tenants

Other information (Screenshots)

  • The title "Tenants" is displayed
  • Add Tenant button is displayed
  • Display tenants as a list with the columns:
  • Name – Tenant Name
  • Tenant identifier – Tenant Identifier
  • Created at – creation time in the format DD/MM/YYYY HH: MM
  • Updated at – creation time in the format DD/MM/YYYY HH: MM
  • Display a skeleton when loading list of the tenants

image

https://www.loom.com/share/6bb92713c4714538a1e853dcba0f93af

@linear
Copy link

linear bot commented Jul 25, 2023

NV-2611 Initial Tenants Page UI

  • The title "Tenants" is displayed
  • Add Tenant button is displayed
  • Display tenants as a list with the columns:
    • Name – Tenant Name
    • Tenant identifier – Tenant Identifier
    • Created at – creation time in the format DD/MM/YYYY HH: MM
    • Updated at – creation time in the format DD/MM/YYYY HH: MM
  • Display a skeleton when loading list of the tenants

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

basically the same as in the integration list page was not sure if creating a reusable component for both or not. due to the reason that this component is small and used in 2 places, I decided to duplicate the code for now. lmkwyt.

@@ -201,7 +201,7 @@ function App() {
<Route path=":channel/:stepUuid" element={<TemplateEditor />} />
</Route>
<Route path={ROUTES.WORKFLOWS} element={<WorkflowListPage />} />
<Route path={ROUTES.TENANTS} element={<Tenants />} />
<Route path={ROUTES.TENANTS} element={<TenantsPage />} />
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

added the page part to make sure it is straightforward.

const navigate = useNavigate();

const onAddTenantClickCallback = useCallback(() => {
// navigate();
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we will navigate hit to the side bar that Gali is working on.

return isLoading ? (
<Skeleton width={100} height={20} />
) : (
format(new Date(original.createdAt), 'dd/MM/yyyy HH:mm')
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

requested in the ticked by the design

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.

🤩💃🏼💙

@djabarovgeorge djabarovgeorge merged commit 0c7a917 into stacked-tenants-support Jul 26, 2023
@djabarovgeorge djabarovgeorge deleted the NV-2611-initial-tenants-page-ui branch July 26, 2023 13:43
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