Files
var-monorepo/apps/dispatch/app/pilot/page.tsx
2025-05-20 22:01:44 +02:00

53 lines
1.5 KiB
TypeScript

"use client";
import { Mrt } from "pilot/_components/mrt/Mrt";
import { Chat } from "../_components/left/Chat";
import { Report } from "../_components/left/Report";
import { Dme } from "pilot/_components/dme/Dme";
import dynamic from "next/dynamic";
const Map = dynamic(() => import("../dispatch/_components/map/Map"), {
ssr: false,
});
const DispatchPage = () => {
return (
<div className="relative flex-1 flex transition-all duration-500 ease w-full">
{/* <MapToastCard2 /> */}
<div className="flex flex-1 relative w-full">
<div className="absolute left-0 top-1/2 transform -translate-y-1/2 pl-4 z-999999">
<Chat />
<div className="mt-2">
<Report />
</div>
</div>
<div className="flex w-2/3 h-full">
<Map />
</div>
<div className="flex w-1/3 h-full">
<div className="flex flex-col w-full h-full p-4 bg-base-300">
<h2 className="card-title mb-2">MRT & DME</h2>
<div className="card bg-base-200 shadow-xl mb-4">
<div className="card-body w-full h-full flex items-center justify-center">
<div className=" max-w-150">
<Mrt />
</div>
</div>
</div>
<div className="card bg-base-200 shadow-xl h-1/2 flex">
<div className="card-body w-full h-full p-4 mb-0 flex items-center justify-center">
<div className=" max-w-140">
<Dme />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
};
DispatchPage.displayName = "DispatchPage";
export default DispatchPage;