From 39538b5f95c2527b2fe4af55a844908ee7ee9446 Mon Sep 17 00:00:00 2001
From: Nevo David <me@nevos.io>
Date: Mon, 16 Dec 2024 15:06:02 +0700
Subject: [PATCH] feat: track to variables

---
 apps/frontend/src/app/layout.tsx                              | 1 +
 libraries/react-shared-libraries/src/helpers/use.track.tsx    | 4 +++-
 .../react-shared-libraries/src/helpers/variable.context.tsx   | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/app/layout.tsx b/apps/frontend/src/app/layout.tsx
index 861577a9..28fc7946 100644
--- a/apps/frontend/src/app/layout.tsx
+++ b/apps/frontend/src/app/layout.tsx
@@ -41,6 +41,7 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
           isGeneral={!!process.env.IS_GENERAL}
           uploadDirectory={process.env.NEXT_PUBLIC_UPLOAD_STATIC_DIRECTORY!}
           tolt={process.env.NEXT_PUBLIC_TOLT!}
+          facebookPixel={process.env.NEXT_PUBLIC_FACEBOOK_PIXEL!}
         >
           <ToltScript />
           <FacebookComponent />
diff --git a/libraries/react-shared-libraries/src/helpers/use.track.tsx b/libraries/react-shared-libraries/src/helpers/use.track.tsx
index b293d4b2..0099f31e 100644
--- a/libraries/react-shared-libraries/src/helpers/use.track.tsx
+++ b/libraries/react-shared-libraries/src/helpers/use.track.tsx
@@ -2,14 +2,16 @@ import { TrackEnum } from '@gitroom/nestjs-libraries/user/track.enum';
 import { useUser } from '@gitroom/frontend/components/layout/user.context';
 import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
 import { useCallback } from 'react';
+import { useVariables } from '@gitroom/react/helpers/variable.context';
 
 export const useTrack = () => {
   const user = useUser();
   const fetch = useFetch();
+  const {facebookPixel} = useVariables();
 
   return useCallback(
     async (track: TrackEnum, additional?: Record<string, any>) => {
-      if (!process.env.NEXT_PUBLIC_FACEBOOK_PIXEL) {
+      if (!facebookPixel) {
         return;
       }
 
diff --git a/libraries/react-shared-libraries/src/helpers/variable.context.tsx b/libraries/react-shared-libraries/src/helpers/variable.context.tsx
index cac54ca0..66c91f47 100644
--- a/libraries/react-shared-libraries/src/helpers/variable.context.tsx
+++ b/libraries/react-shared-libraries/src/helpers/variable.context.tsx
@@ -11,6 +11,7 @@ interface VariableContextInterface {
   backendUrl: string;
   discordUrl: string;
   uploadDirectory: string;
+  facebookPixel: string;
   tolt: string;
 }
 const VariableContext = createContext({
@@ -22,6 +23,7 @@ const VariableContext = createContext({
   backendUrl: '',
   discordUrl: '',
   uploadDirectory: '',
+  facebookPixel: '',
   tolt: '',
 } as VariableContextInterface);