fosrl.pangolin/src/app/layout.tsx

124 lines
6.3 KiB
TypeScript
Raw Normal View History

2024-09-27 19:48:49 -04:00
import type { Metadata } from "next";
import "./globals.css";
2025-01-04 20:22:01 -05:00
import { Figtree, Inter } from "next/font/google";
2024-10-14 12:10:02 -04:00
import { Toaster } from "@/components/ui/toaster";
2024-10-14 18:26:07 -04:00
import { ThemeProvider } from "@app/providers/ThemeProvider";
import EnvProvider from "@app/providers/EnvProvider";
import { Separator } from "@app/components/ui/separator";
2025-01-04 20:22:01 -05:00
import { pullEnv } from "@app/lib/pullEnv";
2025-03-16 15:20:19 -04:00
import { BookOpenText, ExternalLink } from "lucide-react";
import Image from "next/image";
2025-03-20 22:16:02 -04:00
import SupportStatusProvider from "@app/providers/SupporterStatusProvider";
import { createApiClient, internal, priv } from "@app/lib/api";
import { AxiosResponse } from "axios";
import { IsSupporterKeyVisibleResponse } from "@server/routers/supporterKey";
2024-09-27 19:48:49 -04:00
export const metadata: Metadata = {
2024-10-26 17:24:31 -04:00
title: `Dashboard - Pangolin`,
description: ""
2024-09-27 19:48:49 -04:00
};
export const dynamic = 'force-dynamic';
2025-01-04 20:22:01 -05:00
// const font = Figtree({ subsets: ["latin"] });
const font = Inter({ subsets: ["latin"] });
2024-10-06 11:13:50 -04:00
export default async function RootLayout({
children
2024-09-27 19:48:49 -04:00
}: Readonly<{
2024-09-27 21:39:03 -04:00
children: React.ReactNode;
2024-09-27 19:48:49 -04:00
}>) {
2025-01-04 20:22:01 -05:00
const env = pullEnv();
2025-03-20 22:16:02 -04:00
let supporterData = {
visible: true
};
const res = await priv.get<
AxiosResponse<IsSupporterKeyVisibleResponse>
>("supporter-key/visible");
supporterData.visible = res.data.data.visible;
2025-01-04 20:22:01 -05:00
const version = env.app.version;
2024-09-27 21:39:03 -04:00
return (
2024-10-14 18:26:07 -04:00
<html suppressHydrationWarning>
2025-01-03 22:32:24 -05:00
<body className={`${font.className} min-h-screen flex flex-col`}>
2024-10-14 18:26:07 -04:00
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
2025-01-04 20:22:01 -05:00
<EnvProvider env={pullEnv()}>
2025-03-20 22:16:02 -04:00
<SupportStatusProvider supporterStatus={supporterData}>
{/* Main content */}
<div className="flex-grow pb-3 md:pb-0">
{children}
</div>
2025-03-20 22:16:02 -04:00
{/* Footer */}
<footer className="hidden md:block w-full mt-12 py-3 mb-6 px-4">
<div className="container mx-auto flex flex-wrap justify-center items-center h-3 space-x-4 text-sm text-neutral-400 dark:text-neutral-600">
<div className="flex items-center space-x-2 whitespace-nowrap">
<span>Pangolin</span>
</div>
<Separator orientation="vertical" />
<a
href="https://fossorial.io/"
target="_blank"
rel="noopener noreferrer"
aria-label="Built by Fossorial"
className="flex items-center space-x-3 whitespace-nowrap"
>
2025-03-20 22:16:02 -04:00
<span>Fossorial</span>
<ExternalLink className="w-3 h-3" />
</a>
<Separator orientation="vertical" />
<a
href="https://github.com/fosrl/pangolin"
target="_blank"
rel="noopener noreferrer"
aria-label="GitHub"
className="flex items-center space-x-3 whitespace-nowrap"
>
<span>Open Source</span>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
className="w-3 h-3"
>
<path d="M12 0C5.37 0 0 5.373 0 12c0 5.303 3.438 9.8 8.207 11.385.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.385-1.333-1.755-1.333-1.755-1.09-.744.082-.73.082-.73 1.205.085 1.84 1.24 1.84 1.24 1.07 1.835 2.807 1.305 3.492.997.107-.775.42-1.305.763-1.605-2.665-.305-5.467-1.335-5.467-5.93 0-1.31.468-2.382 1.236-3.22-.123-.303-.535-1.523.117-3.176 0 0 1.008-.322 3.3 1.23a11.52 11.52 0 013.006-.403c1.02.005 2.045.137 3.006.403 2.29-1.552 3.295-1.23 3.295-1.23.654 1.653.242 2.873.12 3.176.77.838 1.235 1.91 1.235 3.22 0 4.605-2.805 5.623-5.475 5.92.43.37.814 1.1.814 2.22v3.293c0 .32.217.693.825.576C20.565 21.795 24 17.298 24 12 24 5.373 18.627 0 12 0z" />
</svg>
</a>
<Separator orientation="vertical" />
<a
href="https://docs.fossorial.io/Pangolin/overview"
target="_blank"
rel="noopener noreferrer"
aria-label="Documentation"
className="flex items-center space-x-3 whitespace-nowrap"
>
<span>Documentation</span>
<BookOpenText className="w-3 h-3" />
</a>
{version && (
<>
<Separator orientation="vertical" />
<div className="whitespace-nowrap">
v{version}
</div>
</>
)}
</div>
</footer>
</SupportStatusProvider>
</EnvProvider>
2024-10-14 18:26:07 -04:00
<Toaster />
</ThemeProvider>
2024-10-06 11:13:50 -04:00
</body>
2024-09-27 21:39:03 -04:00
</html>
);
2024-09-27 19:48:49 -04:00
}