56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { AppSidebar } from '@/app/app-sidebar'
|
|
import {
|
|
Breadcrumb,
|
|
BreadcrumbItem,
|
|
BreadcrumbList,
|
|
BreadcrumbPage,
|
|
} from '@/components/ui/breadcrumb'
|
|
import { Separator } from '@/components/ui/separator'
|
|
import {
|
|
SidebarInset,
|
|
SidebarProvider,
|
|
SidebarTrigger,
|
|
} from '@/components/ui/sidebar'
|
|
import { MapComponent } from '@/components/map-component';
|
|
import { ThemeToggle } from '@/components/theme-toggle';
|
|
// import { Timeline } from '@/app/timeline';
|
|
import { Timeline } from '@/app/tl';
|
|
import { cn } from '@/lib/utils';
|
|
import { useMap } from './map-context'
|
|
import { format } from 'date-fns'
|
|
import { Label } from '@/components/ui/label'
|
|
|
|
|
|
|
|
export default function Page() {
|
|
|
|
const { currentDatetime, timelineDatetime } = useMap()
|
|
|
|
return (
|
|
<SidebarProvider>
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
<header className="sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b bg-background px-4">
|
|
{/* <SidebarTrigger className="-ml-1" /> */}
|
|
{/* <Separator orientation="vertical" className="mr-2 h-4" /> */}
|
|
<div className="flex items-center gap-2 justify-between w-full">
|
|
{
|
|
currentDatetime && (
|
|
<Label>
|
|
Real Time: {format(currentDatetime, 'yyyy-MM-dd HH:mm:ss')}
|
|
</Label>
|
|
)
|
|
}
|
|
</div>
|
|
</header>
|
|
<div className="relative h-full w-full flex flex-col">
|
|
<MapComponent />
|
|
<Timeline />
|
|
</div>
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
)
|
|
}
|