diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx index 53b657e..d97d880 100644 --- a/src/components/toolbar/ToolbarView.tsx +++ b/src/components/toolbar/ToolbarView.tsx @@ -32,6 +32,8 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props => const { isInRoom } = props; const [ isMeExpanded, setMeExpanded ] = useState(false); const [ isTouchLayout, setIsTouchLayout ] = useState(false); + const [ leftCollapsed, setLeftCollapsed ] = useState(false); + const [ rightCollapsed, setRightCollapsed ] = useState(false); const [ staffStackBottom, setStaffStackBottom ] = useState(null); const [ useGuideTool, setUseGuideTool ] = useState(false); const [ youtubeEnabled, setYoutubeEnabled ] = useState(false); @@ -197,6 +199,16 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props => variants={ leftNavVariants } transition={ NAV_TRANSITION } className={ `tb-nav-clip fixed bottom-0 left-0 z-40 h-[52px] max-w-[calc(50vw-242px)] items-center pl-3 ${ desktopFlexClasses }` }> + + { !leftCollapsed && @@ -285,7 +297,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props => CreateLinkEvent('furni-editor/toggle') } className="tb-icon" /> } - + } = props => variants={ rightNavVariants } transition={ NAV_TRANSITION } className={ `tb-nav-clip fixed bottom-0 z-40 h-[52px] max-w-[calc(50vw-242px)] items-center pr-3 ${ desktopFlexClasses } ${ isInRoom ? 'right-0' : 'right-3' }` }> + { !rightCollapsed && @@ -313,7 +326,16 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props => }
- + } +