mirror of
https://github.com/Radiquum/YAMPD.git
synced 2025-05-20 07:39:35 +05:00
46 lines
1 KiB
TypeScript
46 lines
1 KiB
TypeScript
"use client";
|
|
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import { Menu } from "./components/Sidebar";
|
|
import { Bounce, ToastContainer } from "react-toastify";
|
|
import { Suspense } from "react";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
type APPProps = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
export const App = ({ children }: APPProps) => {
|
|
return (
|
|
<body
|
|
className={`${geistSans.variable} ${geistMono.variable} antialiased flex h-screen overflow-hidden`}
|
|
>
|
|
<Menu></Menu>
|
|
<div className="p-2 overflow-auto w-full">
|
|
<Suspense>{children}</Suspense>
|
|
</div>
|
|
<ToastContainer
|
|
position="bottom-right"
|
|
autoClose={5000}
|
|
hideProgressBar={false}
|
|
newestOnTop={false}
|
|
closeOnClick={false}
|
|
rtl={false}
|
|
pauseOnFocusLoss
|
|
draggable
|
|
pauseOnHover
|
|
theme="colored"
|
|
transition={Bounce}
|
|
/>
|
|
</body>
|
|
);
|
|
};
|