🎨 style: Ensure Side Panel state Remains on Refresh (#2210)

This commit is contained in:
Danny Avila 2024-03-26 05:21:40 -04:00 committed by GitHub
parent 718572b7c8
commit f55bd3d0e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 23 additions and 10 deletions

View file

@ -54,6 +54,7 @@ export default function Presentation({
const defaultLayout = resizableLayout ? JSON.parse(resizableLayout) : undefined;
const defaultCollapsed = collapsedPanels ? JSON.parse(collapsedPanels) : undefined;
const fullCollapse = localStorage.getItem('fullPanelCollapse') === 'true';
const layout = () => (
<div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden bg-white pt-0 dark:bg-gray-800">
@ -70,7 +71,11 @@ export default function Presentation({
ref={drop}
className="relative flex w-full grow overflow-hidden bg-white dark:bg-gray-800"
>
<SidePanel defaultLayout={defaultLayout} defaultCollapsed={defaultCollapsed}>
<SidePanel
defaultLayout={defaultLayout}
defaultCollapsed={defaultCollapsed}
fullPanelCollapse={fullCollapse}
>
<div className="flex h-full flex-col" role="presentation" tabIndex={0}>
{children}
{isActive && <DragDropOverlay />}