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

fix: sidebar collapse state not working (#2452)

Browse source
This commit is contained in:
Aaryan Khandelwal 2023-10-17 12:18:36 +05:30 • committed by GitHub
parent 8cd13e94d5
commit fc99615875
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/components/project/sidebar-list.tsx
View file

@ -83,6 +83,8 @@ export const ProjectSidebarList: FC = observer(() => {
});
};
const isCollapsed = themeStore.sidebarCollapsed || false;
/**
* Implementing scroll animation styles based on the scroll length of the container
*/
@ -126,7 +128,7 @@ export const ProjectSidebarList: FC = observer(() => {
<Disclosure as="div" className="flex flex-col space-y-2" defaultOpen={true}>
{({ open }) => (
<>
{!themeStore?.sidebarCollapsed && (
{!isCollapsed && (
<div className="group flex justify-between items-center text-xs p-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<Disclosure.Button
as="button"
@ -164,7 +166,6 @@ export const ProjectSidebarList: FC = observer(() => {
<ProjectSidebarListItem
key={project.id}
project={project}
sidebarCollapse={themeStore?.sidebarCollapsed || false}
provided={provided}
snapshot={snapshot}
handleCopyText={() => handleCopyText(project.id)}
@ -192,7 +193,7 @@ export const ProjectSidebarList: FC = observer(() => {
<Disclosure as="div" className="flex flex-col space-y-2" defaultOpen={true}>
{({ open }) => (
<>
{!themeStore?.sidebarCollapsed && (
{!isCollapsed && (
<div className="group flex justify-between items-center text-xs p-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<Disclosure.Button
as="button"
@ -233,7 +234,6 @@ export const ProjectSidebarList: FC = observer(() => {
<ProjectSidebarListItem
key={project.id}
project={project}
sidebarCollapse={themeStore?.sidebarCollapsed || false}
provided={provided}
snapshot={snapshot}
handleCopyText={() => handleCopyText(project.id)}
@ -266,7 +266,7 @@ export const ProjectSidebarList: FC = observer(() => {
}}
>
<Plus className="h-5 w-5" />
{!themeStore?.sidebarCollapsed && "Add Project"}
{!isCollapsed && "Add Project"}
</button>
)}
</div>