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

2026-04-26 17:44:36 +03:30
parent 079d976c29
commit 0177ecdb4f
2 changed files with 17 additions and 1 deletions
@@ -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 (
    <html lang="en" suppressHydrationWarning>
      <body>
        <Providers>
          <FirebaseProvider>
+            <VersionLogger version={appVersion} />
            <NextTopLoader color="#5750F1" showSpinner={false} />

            <ConditionalLayout>{children}</ConditionalLayout>
@@ -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;
+}