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