fix: update PageLayout structure to use two-row header/content layout
- Restructure PageLayout to render header row (tabs + title) and content row separately - Update OnlineBoardStartPage and ScheduleStartPage to pass tabs as headerLeft - Update search and details pages to use new headerLeft/title props - Delete conflicting compiled JS files (page-layout.js, old index.tsx)
This commit is contained in:
@@ -1,27 +0,0 @@
|
||||
import React from 'react'
|
||||
|
||||
interface PageLayoutProps {
|
||||
children: React.ReactNode
|
||||
contentLeft?: React.ReactNode
|
||||
stickyContent?: React.ReactNode
|
||||
className?: string
|
||||
[key: string]: any
|
||||
}
|
||||
|
||||
export const PageLayout: React.FC<PageLayoutProps> = ({
|
||||
children,
|
||||
contentLeft,
|
||||
stickyContent,
|
||||
className = '',
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<div className={`page-layout ${className}`} {...props}>
|
||||
{contentLeft && <aside className="page-layout__sidebar">{contentLeft}</aside>}
|
||||
<main className="page-layout__main">
|
||||
{stickyContent && <div className="page-layout__sticky">{stickyContent}</div>}
|
||||
<div className="page-layout__content">{children}</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user