binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5884] chore: layout loader enhancements #8500

Browse source
This commit is contained in:
Anmol Singh Bhatia 2026-02-13 18:49:53 +05:30 • committed by GitHub
parent d497304de5
commit 7607cc9b10
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 52 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/space/core/components/issues/issue-layouts/kanban/kanban-group.tsx
View file

@ -44,7 +44,9 @@ const KanbanIssueBlockLoader = forwardRef(function KanbanIssueBlockLoader(
props: Record<string, unknown>,
ref: React.ForwardedRef<HTMLSpanElement>
) {
return <span ref={ref} className="block h-28 m-1.5 animate-pulse bg-layer-1 rounded-sm" />;
return (
<span ref={ref} className="block h-28 m-1.5 animate-pulse bg-[var(--illustration-fill-quaternary)] rounded-sm" />
);
});
KanbanIssueBlockLoader.displayName = "KanbanIssueBlockLoader";
@ -119,7 +121,17 @@ export const KanbanGroup = observer(function KanbanGroup(props: IKanbanGroup) {
scrollableContainerRef={scrollableContainerRef}
/>
{shouldLoadMore && (isSubGroup ? <>{loadMore}</> : <KanbanIssueBlockLoader ref={setIntersectionElement} />)}
{shouldLoadMore &&
(isSubGroup ? (
<>{loadMore}</>
) : (
<div className="flex flex-col gap-2">
{Array.from({ length: 2 }).map((_, index) => (
<KanbanIssueBlockLoader key={index} />
))}
<KanbanIssueBlockLoader ref={setIntersectionElement} />
</div>
))}
</div>
);
});