mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
ea1fc5f74e
* React IDE page shell * Set the maximum height of the symbol palette to 336px * Tidy export * Remove unnecessary destructuring * Update comment * Optimize toggle Co-authored-by: Alf Eaton <alf.eaton@overleaf.com> * Change snap-to-collapse threshold to 5% * Synchronize left column width between history and editor views and remove duplication in ide-page * Replace resizer dots with SVG * Rermove unnecessary import and comment the remaining ones * Use block prepend to avoid duplication * Improve vertical content divider styling * Implement fixed width during container resize on left column * Change IDE page file extension * Refactor fixed-size panel into a hook and use for chat panel --------- Co-authored-by: Alf Eaton <alf.eaton@overleaf.com> GitOrigin-RevId: aa881e48a2838a192b6f8f9e16e561f5cd706bd3
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
import { useState } from 'react'
|
|
import PlaceholderHeader from '@/features/ide-react/components/layout/placeholder/placeholder-header'
|
|
import PlaceholderChat from '@/features/ide-react/components/layout/placeholder/placeholder-chat'
|
|
import PlaceholderHistory from '@/features/ide-react/components/layout/placeholder/placeholder-history'
|
|
import PlaceholderEditorMainContent from '@/features/ide-react/components/layout/placeholder/placeholder-editor-main-content'
|
|
import MainLayout from '@/features/ide-react/components/layout/main-layout'
|
|
|
|
export default function LayoutWithPlaceholders({
|
|
shouldPersistLayout,
|
|
}: {
|
|
shouldPersistLayout: boolean
|
|
}) {
|
|
const [chatIsOpen, setChatIsOpen] = useState(false)
|
|
const [historyIsOpen, setHistoryIsOpen] = useState(false)
|
|
const [leftColumnDefaultSize, setLeftColumnDefaultSize] = useState(20)
|
|
|
|
const headerContent = (
|
|
<PlaceholderHeader
|
|
chatIsOpen={chatIsOpen}
|
|
setChatIsOpen={setChatIsOpen}
|
|
historyIsOpen={historyIsOpen}
|
|
setHistoryIsOpen={setHistoryIsOpen}
|
|
/>
|
|
)
|
|
const chatContent = <PlaceholderChat />
|
|
const mainContent = historyIsOpen ? (
|
|
<PlaceholderHistory
|
|
shouldPersistLayout
|
|
leftColumnDefaultSize={leftColumnDefaultSize}
|
|
setLeftColumnDefaultSize={setLeftColumnDefaultSize}
|
|
/>
|
|
) : (
|
|
<PlaceholderEditorMainContent
|
|
shouldPersistLayout
|
|
leftColumnDefaultSize={leftColumnDefaultSize}
|
|
setLeftColumnDefaultSize={setLeftColumnDefaultSize}
|
|
/>
|
|
)
|
|
|
|
return (
|
|
<MainLayout
|
|
headerContent={headerContent}
|
|
chatContent={chatContent}
|
|
mainContent={mainContent}
|
|
chatIsOpen={chatIsOpen}
|
|
shouldPersistLayout={shouldPersistLayout}
|
|
/>
|
|
)
|
|
}
|