Refactor ObjectTable component for improved readability and layout consistency

- Reformatted the filter logic for clarity in the mergeLoadedPage function.
- Updated the gap property in the Flex component to enhance layout spacing in the sidebar.
This commit is contained in:
Tom Butcher 2026-08-09 22:53:27 +01:00
parent e885949639
commit 0b17a33225

View File

@ -302,7 +302,9 @@ const ObjectTable = forwardRef(
}, []) }, [])
const mergeLoadedPage = useCallback((currentPages, loadedPage) => { const mergeLoadedPage = useCallback((currentPages, loadedPage) => {
const withoutSkeletons = currentPages.filter((page) => !page.isSkeletonPage) const withoutSkeletons = currentPages.filter(
(page) => !page.isSkeletonPage
)
const withoutDuplicate = withoutSkeletons.filter( const withoutDuplicate = withoutSkeletons.filter(
(page) => page.pageNum !== loadedPage.pageNum (page) => page.pageNum !== loadedPage.pageNum
) )
@ -1434,7 +1436,7 @@ const ObjectTable = forwardRef(
<Splitter.Panel defaultSize={'25%'}> <Splitter.Panel defaultSize={'25%'}>
<Flex <Flex
vertical vertical
gap='middle' gap='large'
style={{ height: '100%', minHeight: 0 }} style={{ height: '100%', minHeight: 0 }}
> >
{showSortSidebar && ( {showSortSidebar && (