diff --git a/packages/console/src/ds-components/Select/index.module.scss b/packages/console/src/ds-components/Select/index.module.scss index c1eb710ee..5859f18da 100644 --- a/packages/console/src/ds-components/Select/index.module.scss +++ b/packages/console/src/ds-components/Select/index.module.scss @@ -20,7 +20,7 @@ justify-content: flex-start; flex-wrap: wrap; gap: _.unit(2); - padding: _.unit(2) _.unit(3); + padding: _.unit(1.5) _.unit(3); cursor: text; .tag { diff --git a/packages/console/src/pages/Organizations/RoleModal/index.tsx b/packages/console/src/pages/Organizations/RoleModal/index.tsx index fccaf25e6..ff2851d52 100644 --- a/packages/console/src/pages/Organizations/RoleModal/index.tsx +++ b/packages/console/src/pages/Organizations/RoleModal/index.tsx @@ -110,7 +110,7 @@ function RoleModal({ isOpen, editData, onClose }: Props) { diff --git a/packages/console/src/pages/Organizations/TemplateTable/index.module.scss b/packages/console/src/pages/Organizations/TemplateTable/index.module.scss index c8cb91841..dc70ffb7b 100644 --- a/packages/console/src/pages/Organizations/TemplateTable/index.module.scss +++ b/packages/console/src/pages/Organizations/TemplateTable/index.module.scss @@ -7,3 +7,7 @@ .table { margin-top: _.unit(3); } + +.spinner { + margin: _.unit(2) 0; +} diff --git a/packages/console/src/pages/Organizations/TemplateTable/index.tsx b/packages/console/src/pages/Organizations/TemplateTable/index.tsx index 6bd68376d..57e5b1843 100644 --- a/packages/console/src/pages/Organizations/TemplateTable/index.tsx +++ b/packages/console/src/pages/Organizations/TemplateTable/index.tsx @@ -4,6 +4,7 @@ import CirclePlus from '@/assets/icons/circle-plus.svg'; import Plus from '@/assets/icons/plus.svg'; import EmptyDataPlaceholder from '@/components/EmptyDataPlaceholder'; import Button from '@/ds-components/Button'; +import { Ring as Spinner } from '@/ds-components/Spinner'; import Table from '@/ds-components/Table'; import { type Column } from '@/ds-components/Table/types'; @@ -39,40 +40,46 @@ function TemplateTable< isLoading, onPageChange, }: Props) { - const hasData = data.length > 0; + const hasData = !isLoading && data.length > 0; + + if (isLoading) { + ; + } return ( <> - } - isLoading={isLoading} - className={styles.table} - rowGroups={[ - { - key: 'data', - data, - }, - ]} - columns={columns} - rowIndexKey={rowIndexKey} - pagination={{ - page, - totalCount, - pageSize, - onChange: onPageChange, - }} - footer={ -
} + isLoading={isLoading} + className={styles.table} + rowGroups={[ + { + key: 'data', + data, + }, + ]} + columns={columns} + rowIndexKey={rowIndexKey} + pagination={{ + page, + totalCount, + pageSize, + onChange: onPageChange, + }} + footer={ +