github/sim
1
1
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-04-06 03:00:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(sidebar): match collapsed skeleton section grouping with loaded layout

Browse Source
This commit is contained in:
waleed
2026-03-15 05:54:00 -07:00
parent a58de5a24b
commit 03739d0352
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-sidebar/settings-sidebar.tsx
View File

@@ -207,13 +207,17 @@ export function SettingsSidebar({
>
{sessionLoading || orgsLoading ? (
isCollapsed ? (
<div className='flex flex-col gap-[2px] px-[8px]'>
{Array.from({ length: 7 }, (_, i) => (
<div key={i} className='mx-[2px] flex h-[30px] items-center px-[8px]'>
<Skeleton className='h-[16px] w-[16px] rounded-[4px]' />
<>
{[3, 2, 2].map((count, sectionIdx) => (
<div key={sectionIdx} className='flex flex-col gap-[2px] px-[8px]'>
{Array.from({ length: count }, (_, i) => (
<div key={i} className='mx-[2px] flex h-[30px] items-center px-[8px]'>
<Skeleton className='h-[16px] w-[16px] rounded-[4px]' />
</div>
))}
</div>
))}
</div>
</>
) : (
Array.from({ length: 3 }, (_, i) => (
<div key={i} className='sidebar-collapse-hide flex flex-shrink-0 flex-col'>