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:
gnezim
2026-04-06 10:49:32 +03:00
parent b181440e6f
commit 4884c45cf9
@@ -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>
)
}