Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DRAMATIC CHANGE TO LAYOUT

This commit is contained in:
Nate Kelley 2025-03-24 12:31:52 -06:00
parent d305e72b5a
commit 9149b0cfaa
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
7 changed files with 107 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ui/layouts/AppPageLayout.tsx
View File

@ -32,7 +32,7 @@ export const AppPageLayout: React.FC<
return (
<div
className={cn(
'flex h-full w-full flex-col overflow-hidden',
'app-page-layout flex h-full w-full flex-col overflow-hidden',
scrollable && 'overflow-y-auto',
className
)}>

2
web/src/components/ui/layouts/AppPageLayoutContent.tsx
View File

@ -11,6 +11,8 @@ export const AppPageLayoutContent: React.FC<
const Selector = scrollable ? ScrollArea : 'main';
const ChildSelector = scrollable ? 'main' : React.Fragment;
console.log('scrollable', scrollable);
return (
<Selector className={cn('bg-page-background app-content h-full max-h-[100%] p-0', className)}>
<ChildSelector>{children}</ChildSelector>

2
web/src/controllers/CollectionListController/CollectionListController.tsx
View File

@ -18,6 +18,8 @@ export const CollectionListController: React.FC = () => {
return (
<AppPageLayout
className="swagswagswag"
scrollable={false}
header={
<CollectionListHeader
setOpenNewCollectionModal={setOpenNewCollectionModal}

2
web/src/controllers/CollectionListController/CollectionsListContent.tsx
View File

@ -36,13 +36,11 @@ export const CollectionsListContent: React.FC<{
return (
<>
<AppPageLayoutContent>
<CollectionList
collectionsList={collectionsList}
setOpenNewCollectionModal={setOpenNewCollectionModal}
loadedCollections={isCollectionListFetched}
/>
</AppPageLayoutContent>
<NewCollectionModal
open={openNewCollectionModal}

2
web/src/controllers/DatasetsListController/DatasetListContent.tsx
View File

@ -78,7 +78,6 @@ export const DatasetListContent: React.FC<{
return (
<>
<AppPageLayoutContent>
<BusterList
columns={columns}
rows={rows}
@ -105,7 +104,6 @@ export const DatasetListContent: React.FC<{
selectedRowKeys={selectedRowKeys}
onSelectChange={setSelectedRowKeys}
/>
</AppPageLayoutContent>
</>
);
});

12
web/src/controllers/TermIndividualController/TermIndividualContent.tsx
View File

@ -64,10 +64,7 @@ export const TermIndividualContent: React.FC<{
}, [term?.name, term?.definition]);
return (
<AppPageLayoutContent className="overflow-auto p-8">
{loadingSelectedTerm ? (
<SkeletonLoader />
) : (
<>
<div className="flex flex-col">
<div className="flex justify-between space-x-3">
<div className="mb-5 flex flex-col space-y-0.5">
@ -143,15 +140,10 @@ export const TermIndividualContent: React.FC<{
</ItemContainer>
</div>
</div>
)}
</AppPageLayoutContent>
</>
);
};
const SkeletonLoader: React.FC = () => {
return <div className="p-4">{/* <Skeleton /> */}</div>;
};
const MoreDropdown: React.FC<{ termId: string }> = ({ termId }) => {
const { mutateAsync: deleteTerm, isPending: isPendingDeleteTerm } = useDeleteTerm();
const onChangePage = useAppLayoutContextSelector((s) => s.onChangePage);

4
web/src/controllers/TermsListController/TermsListController.tsx
View File

@ -66,7 +66,7 @@ export const TermsListController: React.FC<{
});
return (
<AppPageLayoutContent>
<>
<BusterList
rows={rows}
columns={columns}
@ -90,7 +90,7 @@ export const TermsListController: React.FC<{
selectedRowKeys={selectedTermIds}
onSelectChange={setSelectedTermIds}
/>
</AppPageLayoutContent>
</>
);
});