52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import React, { useRef } from 'react';
|
|
import { Scroll } from 'folds';
|
|
|
|
import {
|
|
Sidebar,
|
|
SidebarContent,
|
|
SidebarStackSeparator,
|
|
SidebarStack,
|
|
} from '../../components/sidebar';
|
|
import {
|
|
DirectTab,
|
|
SpaceTabs,
|
|
ExploreTab,
|
|
SettingsTab,
|
|
UnverifiedTab,
|
|
SearchTab,
|
|
} from './sidebar';
|
|
import { CreateTab } from './sidebar/CreateTab';
|
|
|
|
export function SidebarNav() {
|
|
const scrollRef = useRef<HTMLDivElement>(null);
|
|
|
|
return (
|
|
<Sidebar>
|
|
<SidebarContent
|
|
scrollable={
|
|
<Scroll ref={scrollRef} variant="Background" size="0">
|
|
<SidebarStack>
|
|
<DirectTab />
|
|
</SidebarStack>
|
|
<SpaceTabs scrollRef={scrollRef} />
|
|
<SidebarStackSeparator />
|
|
<SidebarStack>
|
|
<ExploreTab />
|
|
<CreateTab />
|
|
</SidebarStack>
|
|
</Scroll>
|
|
}
|
|
sticky={
|
|
<>
|
|
<SidebarStackSeparator />
|
|
<SidebarStack>
|
|
<SearchTab />
|
|
<UnverifiedTab />
|
|
<SettingsTab />
|
|
</SidebarStack>
|
|
</>
|
|
}
|
|
/>
|
|
</Sidebar>
|
|
);
|
|
}
|