Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Added Table wrapper

Browse source 
refs https://github.com/TryGhost/Product/issues/3881
This commit is contained in:
Djordje Vlaisavljevic 2023-09-14 12:19:34 +01:00
parent dff8c38547
commit b1cd7dd898
1 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/admin-x-settings/src/admin-x-ds/global/Table.tsx
View file

@ -69,12 +69,15 @@ const Table: React.FC<TableProps> = ({children, borderTop, hint, hintSeparator,
<> <>
<div className='w-full overflow-x-auto'> <div className='w-full overflow-x-auto'>
{pageTitle && <Heading>{pageTitle}</Heading>} {pageTitle && <Heading>{pageTitle}</Heading>}
{!isLoading && <table ref={table} className={tableClasses}> {/* TODO: make this div have the same height across all pages */}
<tbody> <div>
{children} {!isLoading && <table ref={table} className={tableClasses}>
</tbody> <tbody>
</table>} {children}
{isLoading && <CenteredLoadingIndicator delay={200} style={loadingStyle} />} </tbody>
</table>}
{isLoading && <CenteredLoadingIndicator delay={200} style={loadingStyle} />}
</div>
{(hint || pagination) && {(hint || pagination) &&
<div className="-mt-px"> <div className="-mt-px">
{(hintSeparator || pagination) && <Separator />} {(hintSeparator || pagination) && <Separator />}