From bfb46ba06bd65a64c17eeefab7c2b36cd4484282 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Fri, 20 Sep 2024 00:49:08 +0530
Subject: [PATCH 1/7] fixes done

---
 src/contexts/TrackingContext.tsx | 15 ++++++++++-----
 src/pages/analysis/index.tsx     |  2 +-
 src/pages/analysis/usage.tsx     |  2 +-
 src/pages/data-quality.tsx       |  8 +++++++-
 src/pages/pipeline/index.tsx     |  8 ++++----
 src/pages/pipeline/ingest.tsx    | 12 ++++++------
 6 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/contexts/TrackingContext.tsx b/src/contexts/TrackingContext.tsx
index 773e2d90..5c24709f 100644
--- a/src/contexts/TrackingContext.tsx
+++ b/src/contexts/TrackingContext.tsx
@@ -2,19 +2,21 @@ import React, { createContext, useContext, useEffect, useState } from 'react';
 import * as amplitude from '@amplitude/analytics-browser';
 import { GlobalContext } from '@/contexts/ContextProvider';
 import { useRouter } from 'next/router';
+import { useSession } from 'next-auth/react';
 
 const amplitudeApiKey = process.env.NEXT_PUBLIC_AMPLITUDE_ENV!;
-
 const TrackingContext = createContext(
   (eventName: string, additionalData: Record<string, any> = {}) => {}
 );
 
-export const TrackingProvider = ({ session, children }: any) => {
+export const TrackingProvider = ({ children }: any) => {
+  const { data: session } = useSession();
   const router = useRouter();
   const globalContext = useContext(GlobalContext);
   const [eventProperties, setEventProperties] = useState({});
 
   useEffect(() => {
+    if (!amplitudeApiKey) return;
     amplitude.init(amplitudeApiKey, {
       defaultTracking: {
         pageViews: false,
@@ -24,10 +26,12 @@ export const TrackingProvider = ({ session, children }: any) => {
       },
     });
     if (session?.user?.email) {
-      const userEmail = session?.user.email;
+      const userEmail: string = session.user.email;
+      const ist4dMember = userEmail.includes('projecttech4dev.org');
       const identifyEvent = new amplitude.Identify();
-      amplitude.setUserId(session?.user.email);
-      identifyEvent.set('User_id', session.user?.email);
+      amplitude.setUserId(session.user.email);
+      identifyEvent.setOnce('User_id', session.user.email);
+      identifyEvent.setOnce('ist4dMember', ist4dMember);
       amplitude.setUserId(userEmail);
       amplitude.identify(identifyEvent);
     }
@@ -70,6 +74,7 @@ export const TrackingProvider = ({ session, children }: any) => {
         }
       );
     }
+    console.log(document.title, 'title');
   }, [router.pathname, session, globalContext?.CurrentOrg]);
   const trackEvent = (
     eventName: string,
diff --git a/src/pages/analysis/index.tsx b/src/pages/analysis/index.tsx
index 0ef86f3f..b5e7df68 100644
--- a/src/pages/analysis/index.tsx
+++ b/src/pages/analysis/index.tsx
@@ -60,7 +60,7 @@ export default function Analysis() {
 
   return (
     <>
-      <PageHead title="Dalgo" />
+      <PageHead title="Dalgo | Analysis" />
       <Box sx={{ p: '3rem 4rem', width: '100%' }}>
         {globalContext?.CurrentOrg?.state?.viz_url && (
           <iframe
diff --git a/src/pages/analysis/usage.tsx b/src/pages/analysis/usage.tsx
index f874895a..767f65f6 100644
--- a/src/pages/analysis/usage.tsx
+++ b/src/pages/analysis/usage.tsx
@@ -55,7 +55,7 @@ export default function Usage() {
 
   return (
     <>
-      <PageHead title="Dalgo" />
+      <PageHead title="Dalgo | Usage" />
       <main className={styles.usage}>
         <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
           <Typography
diff --git a/src/pages/data-quality.tsx b/src/pages/data-quality.tsx
index 36b6fa41..b04bc16b 100644
--- a/src/pages/data-quality.tsx
+++ b/src/pages/data-quality.tsx
@@ -1,5 +1,11 @@
 import { Elementary } from '@/components/DBT/Elementary';
+import { PageHead } from '@/components/PageHead';
 
 export default function DataQualityPage() {
-  return <Elementary />;
+  return (
+    <>
+      <PageHead title="Dalgo | Data Quality" />
+      <Elementary />;
+    </>
+  );
 }
diff --git a/src/pages/pipeline/index.tsx b/src/pages/pipeline/index.tsx
index 0a7d61ee..0b6a8d4e 100644
--- a/src/pages/pipeline/index.tsx
+++ b/src/pages/pipeline/index.tsx
@@ -111,13 +111,13 @@ const BarChart = ({ runs, selectFlowRun }: any) => {
       .on('mouseover', (event, d: any) => {
         const [x, y] = d3.pointer(event, d);
         let runTime = `${d.runTimeInHours}hr ${d.runTimeInMinutes}min ${d.runTimeInSeconds}s`;
-        if(d.runTimeInHours === 0){
+        if (d.runTimeInHours === 0) {
           runTime = `${d.runTimeInMinutes}min ${d.runTimeInSeconds}s`;
         }
-        if(d.runTimeInMinutes === 0 && d.runTimeInHours === 0){
+        if (d.runTimeInMinutes === 0 && d.runTimeInHours === 0) {
           runTime = `${d.runTimeInSeconds}s`;
         }
-        if(d.runTimeInMinutes === 0 && d.runTimeInHours !== 0){
+        if (d.runTimeInMinutes === 0 && d.runTimeInHours !== 0) {
           runTime = `${d.runTimeInHours}hr ${d.runTimeInSeconds}s`;
         }
         // Show tooltip on mouseover
@@ -223,7 +223,7 @@ export default function Home() {
 
   return (
     <>
-      <PageHead title="Dalgo" />
+      <PageHead title="Dalgo | Pipeline Overview" />
       <main className={styles.main}>
         <Box
           className={styles.Box}
diff --git a/src/pages/pipeline/ingest.tsx b/src/pages/pipeline/ingest.tsx
index a980cfb5..c7b01bed 100644
--- a/src/pages/pipeline/ingest.tsx
+++ b/src/pages/pipeline/ingest.tsx
@@ -35,18 +35,18 @@ export default function Ingest() {
   const tabsObj: { [key: string]: number } = {
     connections: 0,
     sources: 1,
-    warehouse: 2
-  }
+    warehouse: 2,
+  };
 
   const { value, handleChange } = useQueryParams({
     tabsObj,
-    basePath: "/pipeline/ingest",
-    defaultTab: "connections"
-  })
+    basePath: '/pipeline/ingest',
+    defaultTab: 'connections',
+  });
 
   return (
     <>
-      <PageHead title="Dalgo" />
+      <PageHead title="Dalgo | Ingest" />
       <main className={styles.main}>
         <Typography
           sx={{ fontWeight: 700 }}

From e39f06fa08a22f69fade50e424f5f55885933501 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Fri, 20 Sep 2024 00:52:43 +0530
Subject: [PATCH 2/7] removed console

---
 src/contexts/TrackingContext.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/contexts/TrackingContext.tsx b/src/contexts/TrackingContext.tsx
index 5c24709f..bc1bce22 100644
--- a/src/contexts/TrackingContext.tsx
+++ b/src/contexts/TrackingContext.tsx
@@ -74,7 +74,6 @@ export const TrackingProvider = ({ children }: any) => {
         }
       );
     }
-    console.log(document.title, 'title');
   }, [router.pathname, session, globalContext?.CurrentOrg]);
   const trackEvent = (
     eventName: string,

From 42a979312f48ca8f37288cbc94f2d1dee8ee909f Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Sat, 21 Sep 2024 21:52:54 +0530
Subject: [PATCH 3/7] changes added to amplitude

---
 src/contexts/TrackingContext.tsx | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/contexts/TrackingContext.tsx b/src/contexts/TrackingContext.tsx
index bc1bce22..52bf3aea 100644
--- a/src/contexts/TrackingContext.tsx
+++ b/src/contexts/TrackingContext.tsx
@@ -8,7 +8,19 @@ const amplitudeApiKey = process.env.NEXT_PUBLIC_AMPLITUDE_ENV!;
 const TrackingContext = createContext(
   (eventName: string, additionalData: Record<string, any> = {}) => {}
 );
-
+// so login, invitations and resetpassword have dynamic url, due to different token, we want a same event for all those.
+function extractPath(url: string) {
+  const validPaths = ['login', 'invitations', 'resetpassword']; //add dynamic paths here.
+  const regex = /^\/([^?]+)/;
+  const match = url.match(regex);
+  if (match) {
+    const path = match[1];
+    if (validPaths.includes(path)) {
+      return `/${path}`;
+    }
+  }
+  return url;
+}
 export const TrackingProvider = ({ children }: any) => {
   const { data: session } = useSession();
   const router = useRouter();
@@ -27,17 +39,16 @@ export const TrackingProvider = ({ children }: any) => {
     });
     if (session?.user?.email) {
       const userEmail: string = session.user.email;
-      const ist4dMember = userEmail.includes('projecttech4dev.org');
+      const ist4dMember = userEmail.includes('projecttech4dev.org'); // a field to check if a user is t4d member.
       const identifyEvent = new amplitude.Identify();
       amplitude.setUserId(session.user.email);
-      identifyEvent.setOnce('User_id', session.user.email);
       identifyEvent.setOnce('ist4dMember', ist4dMember);
-      amplitude.setUserId(userEmail);
       amplitude.identify(identifyEvent);
     }
   }, [session?.user?.email]);
 
   useEffect(() => {
+    if (!amplitudeApiKey) return;
     if (globalContext?.CurrentOrg) {
       const identifyEvent = new amplitude.Identify();
       identifyEvent.set('User_orgs', globalContext.CurrentOrg.state.name);
@@ -48,7 +59,9 @@ export const TrackingProvider = ({ children }: any) => {
         userEmail: session?.user?.email,
         page_domain: window.location.hostname,
         page_location: window.location.href,
-        page_path: window.location.pathname + window.location.search,
+        page_path: extractPath(
+          window.location.pathname + window.location.search
+        ),
         page_title: document.title,
         page_url: window.location.href,
         referrer: document.referrer,
@@ -64,7 +77,9 @@ export const TrackingProvider = ({ children }: any) => {
           userEmail: session?.user?.email,
           page_domain: window.location.hostname,
           page_location: window.location.href,
-          page_path: window.location.pathname + window.location.search,
+          page_path: extractPath(
+            window.location.pathname + window.location.search
+          ),
           page_title: document.title,
           page_url: window.location.href,
           referrer: document.referrer,

From e4719a784feb22bd9d8c60896576ecb511ee84d1 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Sun, 22 Sep 2024 11:57:33 +0530
Subject: [PATCH 4/7] added page titles to pages

---
 src/contexts/TrackingContext.tsx   |  13 +-
 src/pages/createorg/index.tsx      |  94 +++++-----
 src/pages/forgotpassword/index.tsx |  52 +++---
 src/pages/invitations/index.tsx    | 191 +++++++++++----------
 src/pages/login/index.tsx          | 181 +++++++++----------
 src/pages/resetpassword/index.tsx  |  58 ++++---
 src/pages/signup/index.tsx         | 267 +++++++++++++++--------------
 src/pages/verifyemail/index.tsx    |  43 +++--
 src/pages/verifyemail/resend.tsx   |  59 ++++---
 9 files changed, 499 insertions(+), 459 deletions(-)

diff --git a/src/contexts/TrackingContext.tsx b/src/contexts/TrackingContext.tsx
index 52bf3aea..0be90b17 100644
--- a/src/contexts/TrackingContext.tsx
+++ b/src/contexts/TrackingContext.tsx
@@ -31,7 +31,7 @@ export const TrackingProvider = ({ children }: any) => {
     if (!amplitudeApiKey) return;
     amplitude.init(amplitudeApiKey, {
       defaultTracking: {
-        pageViews: false,
+        pageViews: true,
         sessions: true,
         attribution: true,
         formInteractions: true,
@@ -50,10 +50,6 @@ export const TrackingProvider = ({ children }: any) => {
   useEffect(() => {
     if (!amplitudeApiKey) return;
     if (globalContext?.CurrentOrg) {
-      const identifyEvent = new amplitude.Identify();
-      identifyEvent.set('User_orgs', globalContext.CurrentOrg.state.name);
-      amplitude.identify(identifyEvent);
-
       setEventProperties({
         userCurrentOrg: globalContext.CurrentOrg.state.name,
         userEmail: session?.user?.email,
@@ -90,6 +86,13 @@ export const TrackingProvider = ({ children }: any) => {
       );
     }
   }, [router.pathname, session, globalContext?.CurrentOrg]);
+  useEffect(() => {
+    if (globalContext?.CurrentOrg) {
+      const identifyEvent = new amplitude.Identify();
+      identifyEvent.preInsert('User_orgs', globalContext.CurrentOrg.state.name);
+      amplitude.identify(identifyEvent);
+    }
+  }, [globalContext?.CurrentOrg]);
   const trackEvent = (
     eventName: string,
     additionalData: Record<string, any> = {}
diff --git a/src/pages/createorg/index.tsx b/src/pages/createorg/index.tsx
index b43a621f..45f542df 100644
--- a/src/pages/createorg/index.tsx
+++ b/src/pages/createorg/index.tsx
@@ -14,6 +14,7 @@ import Auth from '@/components/Layouts/Auth';
 import Input from '@/components/UI/Input/Input';
 import { httpPost } from '@/helpers/http';
 import Image from 'next/image';
+import { PageHead } from '@/components/PageHead';
 
 export const CreateOrgPage = () => {
   const {
@@ -52,52 +53,55 @@ export const CreateOrgPage = () => {
   };
 
   return (
-    <Auth heading="Add a new organization">
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
-        <Box sx={{ mt: 2 }}>
-          <Input
-            error={!!errors.name}
-            helperText={errors.name?.message}
-            sx={{ mb: 4, width: '100%' }}
-            id="outlined-basic"
-            data-testid="input-orgname"
-            label="Organization name"
-            variant="outlined"
-            register={register}
-            name="name"
-            required
-          />
-        </Box>
+    <>
+      <PageHead title="Dalgo | Create org" />
+      <Auth heading="Add a new organization">
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
+          <Box sx={{ mt: 2 }}>
+            <Input
+              error={!!errors.name}
+              helperText={errors.name?.message}
+              sx={{ mb: 4, width: '100%' }}
+              id="outlined-basic"
+              data-testid="input-orgname"
+              label="Organization name"
+              variant="outlined"
+              register={register}
+              name="name"
+              required
+            />
+          </Box>
 
-        <Button
-          variant="contained"
-          sx={{ width: '100%', mb: 2, minHeight: '50px' }}
-          type="submit"
-          disabled={waitForOrgCreation}
-          data-testid="submitbutton"
-        >
-          Save{' '}
-          {waitForOrgCreation && (
-            <CircularProgress sx={{ ml: 2 }} size="1rem" />
-          )}
-        </Button>
-        <Divider></Divider>
-        <Box
-          sx={{
-            mt: 3,
-            fontSize: '18px',
-            alignItems: 'center',
-            justifyContent: 'center',
-            ':hover': { cursor: 'pointer' },
-            display: 'flex',
-          }}
-          onClick={() => handleSignout()}
-        >
-          <Image src={LogoutIcon} alt="logout icon" />
-          <Link sx={{ textDecoration: 'underline' }}>Logout</Link>
-        </Box>
-      </form>
-    </Auth>
+          <Button
+            variant="contained"
+            sx={{ width: '100%', mb: 2, minHeight: '50px' }}
+            type="submit"
+            disabled={waitForOrgCreation}
+            data-testid="submitbutton"
+          >
+            Save{' '}
+            {waitForOrgCreation && (
+              <CircularProgress sx={{ ml: 2 }} size="1rem" />
+            )}
+          </Button>
+          <Divider></Divider>
+          <Box
+            sx={{
+              mt: 3,
+              fontSize: '18px',
+              alignItems: 'center',
+              justifyContent: 'center',
+              ':hover': { cursor: 'pointer' },
+              display: 'flex',
+            }}
+            onClick={() => handleSignout()}
+          >
+            <Image src={LogoutIcon} alt="logout icon" />
+            <Link sx={{ textDecoration: 'underline' }}>Logout</Link>
+          </Box>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/forgotpassword/index.tsx b/src/pages/forgotpassword/index.tsx
index ba92a5b2..7973407d 100644
--- a/src/pages/forgotpassword/index.tsx
+++ b/src/pages/forgotpassword/index.tsx
@@ -12,6 +12,7 @@ import {
 import Input from '@/components/UI/Input/Input';
 import Auth from '@/components/Layouts/Auth';
 import { httpPost } from '../../helpers/http';
+import { PageHead } from '@/components/PageHead';
 
 export const ForgotPassword = () => {
   const { register, handleSubmit } = useForm();
@@ -43,31 +44,34 @@ export const ForgotPassword = () => {
     );
   } else {
     return (
-      <Auth heading="Forgot password" subHeading="">
-        <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
-          <Box className={styles.Container}>
-            <Input
-              sx={{ width: '100%', pb: 2 }}
-              id="outlined-basic"
-              data-testid="email"
-              label="Enter your registered email"
-              variant="outlined"
-              required
-              register={register}
-              name="email"
-            />
+      <>
+        <PageHead title="Dalgo | Forgot Password" />
+        <Auth heading="Forgot password" subHeading="">
+          <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
+            <Box className={styles.Container}>
+              <Input
+                sx={{ width: '100%', pb: 2 }}
+                id="outlined-basic"
+                data-testid="email"
+                label="Enter your registered email"
+                variant="outlined"
+                required
+                register={register}
+                name="email"
+              />
 
-            <Button
-              variant="contained"
-              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-              type="submit"
-              data-testid="submit"
-            >
-              Continue
-            </Button>
-          </Box>
-        </form>
-      </Auth>
+              <Button
+                variant="contained"
+                sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+                type="submit"
+                data-testid="submit"
+              >
+                Continue
+              </Button>
+            </Box>
+          </form>
+        </Auth>
+      </>
     );
   }
 };
diff --git a/src/pages/invitations/index.tsx b/src/pages/invitations/index.tsx
index 03024146..75002803 100644
--- a/src/pages/invitations/index.tsx
+++ b/src/pages/invitations/index.tsx
@@ -20,6 +20,7 @@ import {
   successToast,
 } from '@/components/ToastMessage/ToastHelper';
 import { httpPost } from '@/helpers/http';
+import { PageHead } from '@/components/PageHead';
 
 const AcceptInvite = () => {
   const { data: session }: any = useSession();
@@ -75,102 +76,106 @@ const AcceptInvite = () => {
   };
 
   return (
-    <Auth
-      heading="Welcome aboard"
-      subHeading="Thank you. You are at the last step"
-    >
-      <form
-        onSubmit={handleSubmit(onSubmit)}
-        data-testid="accept-invitation-form"
+    <>
+      <PageHead title="Dalgo | Invitations" />
+
+      <Auth
+        heading="Welcome aboard"
+        subHeading="Thank you. You are at the last step"
       >
-        <Box className={styles.Container}>
-          {!isUserPresent && (
-            <>
-              <Input
-                error={!!errors.password}
-                helperText={errors.password?.message}
-                sx={{ width: '100%', pb: 3 }}
-                id="outlined-password-input"
-                data-testid="password"
-                label="Password"
-                type={showPassword ? 'text' : 'password'}
-                placeholder="Enter your password"
-                autoComplete="current-password"
-                register={register}
-                name="password"
-                InputProps={{
-                  endAdornment: (
-                    <InputAdornment position="end">
-                      <Box>
-                        <IconButton
-                          onClick={() => {
-                            setShowPassword(!showPassword);
-                          }}
-                          edge="end"
-                        >
-                          {showPassword ? (
-                            <VisibilityOutlinedIcon />
-                          ) : (
-                            <VisibilityOffOutlinedIcon />
-                          )}
-                        </IconButton>
-                      </Box>
-                    </InputAdornment>
-                  ),
-                }}
-              />
+        <form
+          onSubmit={handleSubmit(onSubmit)}
+          data-testid="accept-invitation-form"
+        >
+          <Box className={styles.Container}>
+            {!isUserPresent && (
+              <>
+                <Input
+                  error={!!errors.password}
+                  helperText={errors.password?.message}
+                  sx={{ width: '100%', pb: 3 }}
+                  id="outlined-password-input"
+                  data-testid="password"
+                  label="Password"
+                  type={showPassword ? 'text' : 'password'}
+                  placeholder="Enter your password"
+                  autoComplete="current-password"
+                  register={register}
+                  name="password"
+                  InputProps={{
+                    endAdornment: (
+                      <InputAdornment position="end">
+                        <Box>
+                          <IconButton
+                            onClick={() => {
+                              setShowPassword(!showPassword);
+                            }}
+                            edge="end"
+                          >
+                            {showPassword ? (
+                              <VisibilityOutlinedIcon />
+                            ) : (
+                              <VisibilityOffOutlinedIcon />
+                            )}
+                          </IconButton>
+                        </Box>
+                      </InputAdornment>
+                    ),
+                  }}
+                />
 
-              <Input
-                error={!!errors.confirmpassword}
-                helperText={errors.confirmpassword?.message}
-                hookFormValidations={{
-                  validate: (value: string) =>
-                    value === password || 'Passwords do not match',
-                }}
-                sx={{ width: '100%', pb: 3 }}
-                id="outlined-confirm-password-input"
-                data-testid="confirmpassword"
-                label="Confirm Password"
-                type={showPassword ? 'text' : 'password'}
-                placeholder="Confirm password"
-                register={register}
-                name="confirmpassword"
-                InputProps={{
-                  endAdornment: (
-                    <InputAdornment position="end">
-                      <Box>
-                        <IconButton
-                          onClick={() => {
-                            setShowPassword(!showPassword);
-                          }}
-                          edge="end"
-                        >
-                          {showPassword ? (
-                            <VisibilityOutlinedIcon />
-                          ) : (
-                            <VisibilityOffOutlinedIcon />
-                          )}
-                        </IconButton>
-                      </Box>
-                    </InputAdornment>
-                  ),
-                }}
-              />
-            </>
-          )}
+                <Input
+                  error={!!errors.confirmpassword}
+                  helperText={errors.confirmpassword?.message}
+                  hookFormValidations={{
+                    validate: (value: string) =>
+                      value === password || 'Passwords do not match',
+                  }}
+                  sx={{ width: '100%', pb: 3 }}
+                  id="outlined-confirm-password-input"
+                  data-testid="confirmpassword"
+                  label="Confirm Password"
+                  type={showPassword ? 'text' : 'password'}
+                  placeholder="Confirm password"
+                  register={register}
+                  name="confirmpassword"
+                  InputProps={{
+                    endAdornment: (
+                      <InputAdornment position="end">
+                        <Box>
+                          <IconButton
+                            onClick={() => {
+                              setShowPassword(!showPassword);
+                            }}
+                            edge="end"
+                          >
+                            {showPassword ? (
+                              <VisibilityOutlinedIcon />
+                            ) : (
+                              <VisibilityOffOutlinedIcon />
+                            )}
+                          </IconButton>
+                        </Box>
+                      </InputAdornment>
+                    ),
+                  }}
+                />
+              </>
+            )}
 
-          <Button
-            variant="contained"
-            sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-            type="submit"
-            data-testid="submit"
-          >
-            Accept
-            {loading && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
-          </Button>
-        </Box>
-      </form>
-    </Auth>
+            <Button
+              variant="contained"
+              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+              type="submit"
+              data-testid="submit"
+            >
+              Accept
+              {loading && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
+            </Button>
+          </Box>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index aaaa2614..6ecd5c73 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -23,6 +23,7 @@ import Auth from '@/components/Layouts/Auth';
 import Input from '@/components/UI/Input/Input';
 import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
 import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
+import { PageHead } from '@/components/PageHead';
 
 export const Login = () => {
   const {
@@ -63,97 +64,101 @@ export const Login = () => {
   }
 
   return (
-    <Auth
-      heading="Log In"
-      subHeading="Please enter correct login details below"
-    >
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
-        <Box className={styles.Container}>
-          <Input
-            error={!!errors.username}
-            sx={{ width: '100%', pb: 2 }}
-            id="outlined-basic"
-            data-testid="username"
-            label="Business email"
-            placeholder="eg. user@domain.com"
-            variant="outlined"
-            required
-            register={register}
-            name="username"
-            helperText={errors.username?.message}
-          />
-          <Input
-            error={!!errors.password}
-            required
-            helperText={errors.password?.message}
-            sx={{ width: '100%' }}
-            id="outlined-password-input"
-            data-testid="password"
-            label="Password"
-            type={showPassword ? 'text' : 'password'}
-            placeholder="Enter your password"
-            autoComplete="current-password"
-            register={register}
-            name="password"
-            InputProps={{
-              endAdornment: (
-                <InputAdornment position="end">
-                  <Box>
-                    <IconButton
-                      onClick={() => {
-                        setShowPassword(!showPassword);
-                      }}
-                      edge="end"
-                    >
-                      {showPassword ? (
-                        <VisibilityOutlinedIcon />
-                      ) : (
-                        <VisibilityOffOutlinedIcon />
-                      )}
-                    </IconButton>
-                  </Box>
-                </InputAdornment>
-              ),
-            }}
-          />
-          <Box sx={{ textAlign: 'right', pb: 4 }}>
-            <Link
-              href="/forgotpassword"
-              sx={{
-                textDecoration: 'none',
-                color: '#c0c2c3',
-                fontWeight: '600',
+    <>
+      <PageHead title="Dalgo | Login" />
+
+      <Auth
+        heading="Log In"
+        subHeading="Please enter correct login details below"
+      >
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
+          <Box className={styles.Container}>
+            <Input
+              error={!!errors.username}
+              sx={{ width: '100%', pb: 2 }}
+              id="outlined-basic"
+              data-testid="username"
+              label="Business email"
+              placeholder="eg. user@domain.com"
+              variant="outlined"
+              required
+              register={register}
+              name="username"
+              helperText={errors.username?.message}
+            />
+            <Input
+              error={!!errors.password}
+              required
+              helperText={errors.password?.message}
+              sx={{ width: '100%' }}
+              id="outlined-password-input"
+              data-testid="password"
+              label="Password"
+              type={showPassword ? 'text' : 'password'}
+              placeholder="Enter your password"
+              autoComplete="current-password"
+              register={register}
+              name="password"
+              InputProps={{
+                endAdornment: (
+                  <InputAdornment position="end">
+                    <Box>
+                      <IconButton
+                        onClick={() => {
+                          setShowPassword(!showPassword);
+                        }}
+                        edge="end"
+                      >
+                        {showPassword ? (
+                          <VisibilityOutlinedIcon />
+                        ) : (
+                          <VisibilityOffOutlinedIcon />
+                        )}
+                      </IconButton>
+                    </Box>
+                  </InputAdornment>
+                ),
               }}
-            >
-              Forgot password?
-            </Link>
-          </Box>
-          {errors.root?.message && (
-            <FormHelperText sx={{ color: 'red', mb: 1, textAlign: 'center' }}>
-              {errors.root?.message}
-            </FormHelperText>
-          )}
+            />
+            <Box sx={{ textAlign: 'right', pb: 4 }}>
+              <Link
+                href="/forgotpassword"
+                sx={{
+                  textDecoration: 'none',
+                  color: '#c0c2c3',
+                  fontWeight: '600',
+                }}
+              >
+                Forgot password?
+              </Link>
+            </Box>
+            {errors.root?.message && (
+              <FormHelperText sx={{ color: 'red', mb: 1, textAlign: 'center' }}>
+                {errors.root?.message}
+              </FormHelperText>
+            )}
 
-          <Button
-            variant="contained"
-            sx={{ width: '100%', mb: 2, minHeight: '50px' }}
-            type="submit"
-            disabled={waitForLogin}
-            data-testid="submitbutton"
-          >
-            Login{' '}
-            {waitForLogin && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
-          </Button>
-          <Divider>OR</Divider>
-          <Box sx={{ mt: 3, textAlign: 'center' }}>
-            Not a member?{' '}
-            <Link href="/signup" sx={{ textDecoration: 'none' }}>
-              Sign Up
-            </Link>
+            <Button
+              variant="contained"
+              sx={{ width: '100%', mb: 2, minHeight: '50px' }}
+              type="submit"
+              disabled={waitForLogin}
+              data-testid="submitbutton"
+            >
+              Login{' '}
+              {waitForLogin && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
+            </Button>
+            <Divider>OR</Divider>
+            <Box sx={{ mt: 3, textAlign: 'center' }}>
+              Not a member?{' '}
+              <Link href="/signup" sx={{ textDecoration: 'none' }}>
+                Sign Up
+              </Link>
+            </Box>
           </Box>
-        </Box>
-      </form>
-    </Auth>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/resetpassword/index.tsx b/src/pages/resetpassword/index.tsx
index 0ad4ee30..e98156b2 100644
--- a/src/pages/resetpassword/index.tsx
+++ b/src/pages/resetpassword/index.tsx
@@ -9,6 +9,7 @@ import { errorToast } from '@/components/ToastMessage/ToastHelper';
 import Input from '@/components/UI/Input/Input';
 import Auth from '@/components/Layouts/Auth';
 import { httpPost } from '../../helpers/http';
+import { PageHead } from '@/components/PageHead';
 
 export const ResetPassword = () => {
   const { register, handleSubmit } = useForm();
@@ -26,8 +27,8 @@ export const ResetPassword = () => {
 
   const onSubmit = async (reqData: any) => {
     try {
-      if(!token){
-        errorToast("This password reset link is invalid", [], toastContext);
+      if (!token) {
+        errorToast('This password reset link is invalid', [], toastContext);
         return;
       }
       await httpPost(session, 'users/reset_password/', {
@@ -35,37 +36,40 @@ export const ResetPassword = () => {
         password: reqData.password,
       });
       router.push('/login');
-    } catch (error: any) {     
+    } catch (error: any) {
       errorToast(error.cause.detail[0].msg, [], toastContext);
     }
   };
 
   return (
-    <Auth heading="Set password" subHeading="Please enter your new password">
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
-        <Box className={styles.Container}>
-          <Input
-            sx={{ width: '100%', pb: 2 }}
-            id="outlined-basic"
-            data-testid="password"
-            label="Password"
-            type="password"
-            required
-            register={register}
-            name="password"
-          />
+    <>
+      <PageHead title="Dalgo | Reset Password" />
+      <Auth heading="Set password" subHeading="Please enter your new password">
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="login-form">
+          <Box className={styles.Container}>
+            <Input
+              sx={{ width: '100%', pb: 2 }}
+              id="outlined-basic"
+              data-testid="password"
+              label="Password"
+              type="password"
+              required
+              register={register}
+              name="password"
+            />
 
-          <Button
-            variant="contained"
-            sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-            type="submit"
-            data-testid="submit"
-          >
-            Set Password
-          </Button>
-        </Box>
-      </form>
-    </Auth>
+            <Button
+              variant="contained"
+              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+              type="submit"
+              data-testid="submit"
+            >
+              Set Password
+            </Button>
+          </Box>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/signup/index.tsx b/src/pages/signup/index.tsx
index 76cf657e..114de212 100644
--- a/src/pages/signup/index.tsx
+++ b/src/pages/signup/index.tsx
@@ -20,6 +20,7 @@ import { httpPost } from '@/helpers/http';
 import Input from '@/components/UI/Input/Input';
 import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
 import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
+import { PageHead } from '@/components/PageHead';
 
 export const SignUp = () => {
   const { data: session }: any = useSession();
@@ -67,142 +68,146 @@ export const SignUp = () => {
   };
 
   return (
-    <Auth
-      heading="Create an account"
-      subHeading="Please enter correct registration details below"
-    >
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="signup-form">
-        <Box className={styles.Container}>
-          <Input
-            error={!!errors.username}
-            helperText={errors.username?.message}
-            sx={{ width: '100%', pb: 3, mt: 2 }}
-            id="outlined-basic"
-            data-testid="username"
-            label="Business email"
-            variant="outlined"
-            placeholder="eg. user@domain.com"
-            register={register}
-            name="username"
-            required
-          />
+    <>
+      <PageHead title="Dalgo | Signup" />
 
-          <Input
-            error={!!errors.password}
-            helperText={errors.password?.message}
-            sx={{ width: '100%', pb: 3 }}
-            id="outlined-password-input"
-            data-testid="password"
-            label="Password"
-            type={showPassword ? 'text' : 'password'}
-            placeholder="Enter your password"
-            autoComplete="current-password"
-            register={register}
-            required
-            name="password"
-            InputProps={{
-              endAdornment: (
-                <InputAdornment position="end">
-                  <Box>
-                    <IconButton
-                      onClick={() => {
-                        setShowPassword(!showPassword);
-                      }}
-                      edge="end"
-                    >
-                      {showPassword ? (
-                        <VisibilityOutlinedIcon />
-                      ) : (
-                        <VisibilityOffOutlinedIcon />
-                      )}
-                    </IconButton>
-                  </Box>
-                </InputAdornment>
-              ),
-            }}
-          />
+      <Auth
+        heading="Create an account"
+        subHeading="Please enter correct registration details below"
+      >
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="signup-form">
+          <Box className={styles.Container}>
+            <Input
+              error={!!errors.username}
+              helperText={errors.username?.message}
+              sx={{ width: '100%', pb: 3, mt: 2 }}
+              id="outlined-basic"
+              data-testid="username"
+              label="Business email"
+              variant="outlined"
+              placeholder="eg. user@domain.com"
+              register={register}
+              name="username"
+              required
+            />
 
-          <Input
-            error={!!errors.confirmpassword}
-            helperText={errors.confirmpassword?.message}
-            hookFormValidations={{
-              validate: (value: string) =>
-                value === password || 'Passwords do not match',
-            }}
-            sx={{ width: '100%', pb: 3 }}
-            id="outlined-confirm-password-input"
-            data-testid="confirmpassword"
-            label="Confirm Password"
-            type={showPassword ? 'text' : 'password'}
-            placeholder="Confirm password"
-            register={register}
-            required
-            name="confirmpassword"
-            InputProps={{
-              endAdornment: (
-                <InputAdornment position="end">
-                  <Box>
-                    <IconButton
-                      onClick={() => {
-                        setShowPassword(!showPassword);
-                      }}
-                      edge="end"
-                    >
-                      {showPassword ? (
-                        <VisibilityOutlinedIcon />
-                      ) : (
-                        <VisibilityOffOutlinedIcon />
-                      )}
-                    </IconButton>
-                  </Box>
-                </InputAdornment>
-              ),
-            }}
-          />
+            <Input
+              error={!!errors.password}
+              helperText={errors.password?.message}
+              sx={{ width: '100%', pb: 3 }}
+              id="outlined-password-input"
+              data-testid="password"
+              label="Password"
+              type={showPassword ? 'text' : 'password'}
+              placeholder="Enter your password"
+              autoComplete="current-password"
+              register={register}
+              required
+              name="password"
+              InputProps={{
+                endAdornment: (
+                  <InputAdornment position="end">
+                    <Box>
+                      <IconButton
+                        onClick={() => {
+                          setShowPassword(!showPassword);
+                        }}
+                        edge="end"
+                      >
+                        {showPassword ? (
+                          <VisibilityOutlinedIcon />
+                        ) : (
+                          <VisibilityOffOutlinedIcon />
+                        )}
+                      </IconButton>
+                    </Box>
+                  </InputAdornment>
+                ),
+              }}
+            />
 
-          <Input
-            error={!!errors.signupcode}
-            helperText={errors.signupcode?.message}
-            sx={{ width: '100%', pb: 3 }}
-            id="outlined-basic"
-            label="Signup code"
-            data-testid="signupcode"
-            variant="outlined"
-            register={register}
-            placeholder="Enter code"
-            name="signupcode"
-            required
-          />
-          <Button
-            sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-            variant="contained"
-            type="submit"
-            disabled={waitForSignup}
-            data-testid="submitbutton"
-          >
-            Sign Up{' '}
-            {waitForSignup && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
-          </Button>
-          <Divider>OR</Divider>
-          <Box sx={{ mt: 3, textAlign: 'center' }}>
-            Already a member?{' '}
-            <Link href="/login" sx={{ textDecoration: 'none' }}>
-              Log in
-            </Link>
-          </Box>
-          <Box sx={{ mt: 1, textAlign: 'center' }}>
-            Need a signup code?{' '}
-            <Link
-              href="https://dalgo.in/contact-us/"
-              target="_blank"
-              sx={{ textDecoration: 'none' }}
+            <Input
+              error={!!errors.confirmpassword}
+              helperText={errors.confirmpassword?.message}
+              hookFormValidations={{
+                validate: (value: string) =>
+                  value === password || 'Passwords do not match',
+              }}
+              sx={{ width: '100%', pb: 3 }}
+              id="outlined-confirm-password-input"
+              data-testid="confirmpassword"
+              label="Confirm Password"
+              type={showPassword ? 'text' : 'password'}
+              placeholder="Confirm password"
+              register={register}
+              required
+              name="confirmpassword"
+              InputProps={{
+                endAdornment: (
+                  <InputAdornment position="end">
+                    <Box>
+                      <IconButton
+                        onClick={() => {
+                          setShowPassword(!showPassword);
+                        }}
+                        edge="end"
+                      >
+                        {showPassword ? (
+                          <VisibilityOutlinedIcon />
+                        ) : (
+                          <VisibilityOffOutlinedIcon />
+                        )}
+                      </IconButton>
+                    </Box>
+                  </InputAdornment>
+                ),
+              }}
+            />
+
+            <Input
+              error={!!errors.signupcode}
+              helperText={errors.signupcode?.message}
+              sx={{ width: '100%', pb: 3 }}
+              id="outlined-basic"
+              label="Signup code"
+              data-testid="signupcode"
+              variant="outlined"
+              register={register}
+              placeholder="Enter code"
+              name="signupcode"
+              required
+            />
+            <Button
+              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+              variant="contained"
+              type="submit"
+              disabled={waitForSignup}
+              data-testid="submitbutton"
             >
-              Contact Us
-            </Link>
+              Sign Up{' '}
+              {waitForSignup && <CircularProgress sx={{ ml: 2 }} size="1rem" />}
+            </Button>
+            <Divider>OR</Divider>
+            <Box sx={{ mt: 3, textAlign: 'center' }}>
+              Already a member?{' '}
+              <Link href="/login" sx={{ textDecoration: 'none' }}>
+                Log in
+              </Link>
+            </Box>
+            <Box sx={{ mt: 1, textAlign: 'center' }}>
+              Need a signup code?{' '}
+              <Link
+                href="https://dalgo.in/contact-us/"
+                target="_blank"
+                sx={{ textDecoration: 'none' }}
+              >
+                Contact Us
+              </Link>
+            </Box>
           </Box>
-        </Box>
-      </form>
-    </Auth>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/verifyemail/index.tsx b/src/pages/verifyemail/index.tsx
index 688cb8a7..e38c9467 100644
--- a/src/pages/verifyemail/index.tsx
+++ b/src/pages/verifyemail/index.tsx
@@ -8,6 +8,7 @@ import { useSearchParams } from 'next/navigation';
 import { errorToast } from '@/components/ToastMessage/ToastHelper';
 import Auth from '@/components/Layouts/Auth';
 import { httpPost } from '../../helpers/http';
+import { PageHead } from '@/components/PageHead';
 
 export const VerifyEmail = () => {
   const { handleSubmit } = useForm();
@@ -29,26 +30,30 @@ export const VerifyEmail = () => {
   };
 
   return (
-    <Auth
-      heading="Almost done..."
-      subHeading="Click to verify your email address"
-    >
-      <form
-        onSubmit={handleSubmit(onSubmit)}
-        data-testid="email-verification-form"
+    <>
+      <PageHead title="Dalgo | Verify Email" />
+
+      <Auth
+        heading="Almost done..."
+        subHeading="Click to verify your email address"
       >
-        <Box className={styles.Container}>
-          <Button
-            variant="contained"
-            sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-            type="submit"
-            data-testid="submit"
-          >
-            Verify
-          </Button>
-        </Box>
-      </form>
-    </Auth>
+        <form
+          onSubmit={handleSubmit(onSubmit)}
+          data-testid="email-verification-form"
+        >
+          <Box className={styles.Container}>
+            <Button
+              variant="contained"
+              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+              type="submit"
+              data-testid="submit"
+            >
+              Verify
+            </Button>
+          </Box>
+        </form>
+      </Auth>
+    </>
   );
 };
 
diff --git a/src/pages/verifyemail/resend.tsx b/src/pages/verifyemail/resend.tsx
index 141dafb3..1cdcdbac 100644
--- a/src/pages/verifyemail/resend.tsx
+++ b/src/pages/verifyemail/resend.tsx
@@ -12,6 +12,7 @@ import {
 import Auth from '@/components/Layouts/Auth';
 import { httpGet } from '../../helpers/http';
 import Image from 'next/image';
+import { PageHead } from '@/components/PageHead';
 
 export const VerifyEmailResend = () => {
   const { handleSubmit } = useForm();
@@ -35,34 +36,38 @@ export const VerifyEmailResend = () => {
   };
 
   return (
-    <Auth heading="Check your Inbox for the verification email" subHeading="">
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="resend-email-form">
-        <Box className={styles.Container}>
-          <Button
-            variant="contained"
-            sx={{ width: '100%', mb: 3, minHeight: '50px' }}
-            type="submit"
-            data-testid="submit"
-          >
-            Resend verification email
-          </Button>
+    <>
+      <PageHead title="Dalgo | Resend Email" />
+
+      <Auth heading="Check your Inbox for the verification email" subHeading="">
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="resend-email-form">
+          <Box className={styles.Container}>
+            <Button
+              variant="contained"
+              sx={{ width: '100%', mb: 3, minHeight: '50px' }}
+              type="submit"
+              data-testid="submit"
+            >
+              Resend verification email
+            </Button>
+          </Box>
+        </form>
+        <Box
+          sx={{
+            mt: 3,
+            fontSize: '18px',
+            alignItems: 'center',
+            justifyContent: 'center',
+            ':hover': { cursor: 'pointer' },
+            display: 'flex',
+          }}
+          onClick={() => handleSignout()}
+        >
+          <Image src={LogoutIcon} alt="logout icon" />
+          <Link sx={{ textDecoration: 'underline' }}>Logout</Link>
         </Box>
-      </form>
-      <Box
-        sx={{
-          mt: 3,
-          fontSize: '18px',
-          alignItems: 'center',
-          justifyContent: 'center',
-          ':hover': { cursor: 'pointer' },
-          display: 'flex',
-        }}
-        onClick={() => handleSignout()}
-      >
-        <Image src={LogoutIcon} alt="logout icon" />
-        <Link sx={{ textDecoration: 'underline' }}>Logout</Link>
-      </Box>
-    </Auth>
+      </Auth>
+    </>
   );
 };
 

From 88ce7b348e08cf27c6c7fea26765740eedf5b7e5 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Sat, 28 Sep 2024 23:41:24 +0530
Subject: [PATCH 5/7] added some tracking values

---
 .../TransformWorkflow/FlowEditor/Components/Canvas.tsx     | 7 +++++--
 src/contexts/TrackingContext.tsx                           | 4 +++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
index a6956de9..408774e6 100644
--- a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
+++ b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
@@ -45,7 +45,8 @@ import {
 } from '@/contexts/FlowEditorCanvasContext';
 import { usePreviewAction } from '@/contexts/FlowEditorPreviewContext';
 import { getNextNodePosition } from '@/utils/editor';
-import { KeyboardArrowDown } from '@mui/icons-material';
+import { KeyboardArrowDown, Work } from '@mui/icons-material';
+import { useTracking } from '@/contexts/TrackingContext';
 
 type CanvasProps = {
   redrawGraph: boolean;
@@ -134,12 +135,14 @@ const CanvasHeader = ({ finalLockCanvas }: { finalLockCanvas: boolean }) => {
   const globalContext = useContext(GlobalContext);
   const permissions = globalContext?.Permissions.state || [];
   const [selectedAction, setSelectedAction] = useState('');
-
+  const trackAmplitudeEvent: any = useTracking();
   const nodeData: any = canvasNode?.data;
 
   const handleRunClick = (event: any) => {
     const action = event.target.value;
     setSelectedAction(action);
+    console.log(`[${WorkflowValues[action]}] Button Clicked`);
+    trackAmplitudeEvent(`[${WorkflowValues[action]}] Button Clicked`);
     if (action === 'run') {
       setCanvasAction({ type: 'run-workflow', data: null });
     } else if (action === 'run-to-node') {
diff --git a/src/contexts/TrackingContext.tsx b/src/contexts/TrackingContext.tsx
index 0be90b17..b938fb0d 100644
--- a/src/contexts/TrackingContext.tsx
+++ b/src/contexts/TrackingContext.tsx
@@ -39,7 +39,9 @@ export const TrackingProvider = ({ children }: any) => {
     });
     if (session?.user?.email) {
       const userEmail: string = session.user.email;
-      const ist4dMember = userEmail.includes('projecttech4dev.org'); // a field to check if a user is t4d member.
+      const ist4dMember = userEmail.includes('projecttech4dev.org')
+        ? true
+        : false; // a field to check if a user is t4d member.
       const identifyEvent = new amplitude.Identify();
       amplitude.setUserId(session.user.email);
       identifyEvent.setOnce('ist4dMember', ist4dMember);

From d43f0b476ef657e05578ba5e5bfdddd4d001d202 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Sat, 28 Sep 2024 23:47:28 +0530
Subject: [PATCH 6/7] deep scan issues

---
 .../TransformWorkflow/FlowEditor/Components/Canvas.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
index 408774e6..4422ccbe 100644
--- a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
+++ b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
@@ -45,7 +45,7 @@ import {
 } from '@/contexts/FlowEditorCanvasContext';
 import { usePreviewAction } from '@/contexts/FlowEditorPreviewContext';
 import { getNextNodePosition } from '@/utils/editor';
-import { KeyboardArrowDown, Work } from '@mui/icons-material';
+import { KeyboardArrowDown } from '@mui/icons-material';
 import { useTracking } from '@/contexts/TrackingContext';
 
 type CanvasProps = {

From 227caf92f57753c78452a4f9b4f0e93b0eaaf967 Mon Sep 17 00:00:00 2001
From: himanshudube97 <himanshu.dube13@gmail.com>
Date: Sat, 28 Sep 2024 23:50:01 +0530
Subject: [PATCH 7/7] removed console

---
 .../TransformWorkflow/FlowEditor/Components/Canvas.tsx           | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
index 4422ccbe..526b8b18 100644
--- a/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
+++ b/src/components/TransformWorkflow/FlowEditor/Components/Canvas.tsx
@@ -141,7 +141,6 @@ const CanvasHeader = ({ finalLockCanvas }: { finalLockCanvas: boolean }) => {
   const handleRunClick = (event: any) => {
     const action = event.target.value;
     setSelectedAction(action);
-    console.log(`[${WorkflowValues[action]}] Button Clicked`);
     trackAmplitudeEvent(`[${WorkflowValues[action]}] Button Clicked`);
     if (action === 'run') {
       setCanvasAction({ type: 'run-workflow', data: null });