mazyar/tm_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(layout): integrate VersionLogger component to display application version in the layout

Browse Source
This commit is contained in:
AmirReza Jamali
2026-04-26 17:44:36 +03:30
parent 079d976c29
commit 0177ecdb4f
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/layout.tsx
+2 -1
View File
@@ -4,6 +4,7 @@ import "react-tooltip/dist/react-tooltip.css";
import { ConditionalLayout } from "@/components/Layouts/conditional-layout"; import { ConditionalLayout } from "@/components/Layouts/conditional-layout";
import FirebaseProvider from "@/components/Layouts/firebase-provider"; import FirebaseProvider from "@/components/Layouts/firebase-provider";
import VersionLogger from "@/components/version-logger";
import "flatpickr/dist/flatpickr.min.css"; import "flatpickr/dist/flatpickr.min.css";
import "jsvectormap/dist/jsvectormap.css"; import "jsvectormap/dist/jsvectormap.css";
import type { Metadata } from "next"; import type { Metadata } from "next";
@@ -25,12 +26,12 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: PropsWithChildren) { export default function RootLayout({ children }: PropsWithChildren) {
const appVersion = process.env.NEXT_PUBLIC_APP_VERSION; const appVersion = process.env.NEXT_PUBLIC_APP_VERSION;
console.log('App Version', appVersion);
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body> <body>
<Providers> <Providers>
<FirebaseProvider> <FirebaseProvider>
<VersionLogger version={appVersion} />
<NextTopLoader color="#5750F1" showSpinner={false} /> <NextTopLoader color="#5750F1" showSpinner={false} />
<ConditionalLayout>{children}</ConditionalLayout> <ConditionalLayout>{children}</ConditionalLayout>
src/components/version-logger.tsx
+15
View File
@@ -0,0 +1,15 @@
"use client";
import { useEffect } from "react";
type VersionLoggerProps = {
version?: string;
};
export default function VersionLogger({ version }: VersionLoggerProps) {
useEffect(() => {
console.log("App Version", version);
}, [version]);
return null;
}