diff --git a/app/@bottom/page.tsx b/app/@bottom/page.tsx deleted file mode 100644 index d3187fc..0000000 --- a/app/@bottom/page.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import Cli from "@/components/cli"; - -export default function Bottom() { - return ; -} diff --git a/app/@left/@bottom/page.tsx b/app/@left/@bottom/page.tsx new file mode 100644 index 0000000..badc443 --- /dev/null +++ b/app/@left/@bottom/page.tsx @@ -0,0 +1,3 @@ +export default function LeftBottom() { + return

bottom left

; +} diff --git a/app/@left/page.tsx b/app/@left/@top/page.tsx similarity index 70% rename from app/@left/page.tsx rename to app/@left/@top/page.tsx index 4ac80b0..e5985b2 100644 --- a/app/@left/page.tsx +++ b/app/@left/@top/page.tsx @@ -1,5 +1,5 @@ import FileExplorer from "@/components/file-explorer"; -export default function Left() { +export default function LeftTop() { return ; } diff --git a/app/@left/layout.tsx b/app/@left/layout.tsx new file mode 100644 index 0000000..9e71f9d --- /dev/null +++ b/app/@left/layout.tsx @@ -0,0 +1,6 @@ +import TopBottom from "@/components/top-bottom"; +import { ReactNode } from "react"; + +export default function Left(props: { top: ReactNode; bottom: ReactNode }) { + return ; +} diff --git a/app/@right/@bottom/page.tsx b/app/@right/@bottom/page.tsx new file mode 100644 index 0000000..f923d9d --- /dev/null +++ b/app/@right/@bottom/page.tsx @@ -0,0 +1,12 @@ +"use client"; + +import { TerminalContextProvider } from "react-terminal"; +import Cli from "@/components/cli"; + +export default function Bottom() { + return ( + + + + ); +} diff --git a/app/@top/page.tsx b/app/@right/@top/page.tsx similarity index 100% rename from app/@top/page.tsx rename to app/@right/@top/page.tsx diff --git a/app/@right/layout.tsx b/app/@right/layout.tsx new file mode 100644 index 0000000..27bee63 --- /dev/null +++ b/app/@right/layout.tsx @@ -0,0 +1,6 @@ +import TopBottom from "@/components/top-bottom"; +import { ReactNode } from "react"; + +export default function Right(props: { top: ReactNode; bottom: ReactNode }) { + return ; +} diff --git a/app/layout.tsx b/app/layout.tsx index eda32ba..a393348 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,7 +3,11 @@ import { Inter } from "next/font/google"; import "./globals.css"; import { ThemeProvider } from "@/components/theme-provider"; import { MenubarComponent } from "@/components/menu"; -import { Shell } from "@/components/shell"; +import { + ResizableHandle, + ResizablePanel, + ResizablePanelGroup, +} from "@/components/ui/resizable"; const inter = Inter({ subsets: ["latin"] }); @@ -13,13 +17,11 @@ export const metadata: Metadata = { }; export default function RootLayout({ - bottom, left, - top, + right, }: Readonly<{ - bottom: React.ReactNode; left: React.ReactNode; - top: React.ReactNode; + right: React.ReactNode; }>) { return ( @@ -31,7 +33,13 @@ export default function RootLayout({ disableTransitionOnChange > - +
+ + {left} + + {right} + +
diff --git a/components/top-bottom.tsx b/components/top-bottom.tsx new file mode 100644 index 0000000..9442739 --- /dev/null +++ b/components/top-bottom.tsx @@ -0,0 +1,26 @@ +import { + ResizableHandle, + ResizablePanel, + ResizablePanelGroup, +} from "@/components/ui/resizable"; +import { ReactNode } from "react"; + +export default function TopBottom({ + top, + bottom, +}: { + top: ReactNode; + bottom: ReactNode; +}) { + return ( +
+ + + {top} + + + {bottom} + +
+ ); +}