From 0177ecdb4f1c62e663ab54e7d94577cde2f51de3 Mon Sep 17 00:00:00 2001 From: AmirReza Jamali Date: Sun, 26 Apr 2026 17:44:36 +0330 Subject: [PATCH] feat(layout): integrate VersionLogger component to display application version in the layout --- src/app/layout.tsx | 3 ++- src/components/version-logger.tsx | 15 +++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 src/components/version-logger.tsx diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6db92da..74b8147 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,6 +4,7 @@ import "react-tooltip/dist/react-tooltip.css"; import { ConditionalLayout } from "@/components/Layouts/conditional-layout"; import FirebaseProvider from "@/components/Layouts/firebase-provider"; +import VersionLogger from "@/components/version-logger"; import "flatpickr/dist/flatpickr.min.css"; import "jsvectormap/dist/jsvectormap.css"; import type { Metadata } from "next"; @@ -25,12 +26,12 @@ export const metadata: Metadata = { export default function RootLayout({ children }: PropsWithChildren) { const appVersion = process.env.NEXT_PUBLIC_APP_VERSION; - console.log('App Version', appVersion); return ( + {children} diff --git a/src/components/version-logger.tsx b/src/components/version-logger.tsx new file mode 100644 index 0000000..b6b0ec5 --- /dev/null +++ b/src/components/version-logger.tsx @@ -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; +}