Merge branch 'main' into 2431-update-contributingmd

gitcoinco · Oct 17, 2023 · 4197d6d · 4197d6d
2 parents 1bab7b1 + 41c22b7
commit 4197d6d
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 3 deletions.
diff --git a/packages/builder/src/components/Header.tsx b/packages/builder/src/components/Header.tsx
@@ -42,7 +42,10 @@ export default function Header() {
           id="example-navbar-danger"
         >
           <div className="flex flex-col lg:flex-row list-none lg:ml-auto">
-            <Link to={newGrantPath()}>
+            <Link
+              to={newGrantPath()}
+              data-track-event="project-create-topnav-next"
+            >
               <Button colorScheme="purple" className="mt-2 mr-2 mb-2">
                 <i className="icon">
                   <Plus color={colors["quaternary-text"]} />

diff --git a/packages/builder/src/components/base/Button.tsx b/packages/builder/src/components/base/Button.tsx
@@ -15,6 +15,7 @@ interface ButtonProps {
   variant: ButtonVariants;
   disabled?: boolean;
   styles?: string[];
+  dataTrackEvent?: string;
 }
 
 function Button({
@@ -24,6 +25,7 @@ function Button({
   variant,
   disabled,
   styles,
+  dataTrackEvent,
 }: ButtonProps) {
   const navigate = useNavigate();
 
@@ -40,6 +42,7 @@ function Button({
       onClick={clickHandler}
       className={`base-btn ${variant} ${styles?.join(" ")}`}
       type="button"
+      data-track-event={dataTrackEvent}
     >
       {children}
     </button>

diff --git a/packages/builder/src/components/base/NetworkForm.tsx b/packages/builder/src/components/base/NetworkForm.tsx
@@ -66,6 +66,7 @@ function NetworkForm({
             disabled={switchTo !== props.currentChain}
             variant={ButtonVariants.primary}
             onClick={nextStep}
+            dataTrackEvent="project-create-network-next"
           >
             Next
           </Button>

diff --git a/packages/builder/src/components/base/Preview.tsx b/packages/builder/src/components/base/Preview.tsx
@@ -106,13 +106,15 @@ export default function Preview({
         <Button
           variant={ButtonVariants.outline}
           onClick={() => setVerifying(ProjectFormStatus.Verification)}
+          dataTrackEvent="project-create-publish-back"
         >
           Back to Editing
         </Button>
         <Button
           disabled={submitted}
           variant={ButtonVariants.primary}
           onClick={publishProject}
+          dataTrackEvent="project-create-publish-next"
         >
           Save and Publish
         </Button>

diff --git a/packages/builder/src/components/base/ProjectForm.tsx b/packages/builder/src/components/base/ProjectForm.tsx
@@ -235,13 +235,15 @@ function ProjectForm({
           <Button
             variant={ButtonVariants.outline}
             onClick={() => toggleModal(true)}
+            dataTrackEvent="project-create-details-cancel"
           >
             Cancel
           </Button>
           <Button
             disabled={!formValidation.valid && submitted}
             variant={ButtonVariants.primary}
             onClick={nextStep}
+            dataTrackEvent="project-create-details-next"
           >
             Next
           </Button>

diff --git a/packages/builder/src/components/base/VerificationForm.tsx b/packages/builder/src/components/base/VerificationForm.tsx
@@ -185,10 +185,21 @@ export default function VerificationForm({
         <Button
           variant={ButtonVariants.outline}
           onClick={() => setVerifying(ProjectFormStatus.Metadata)}
+          dataTrackEvent="project-create-social-back"
         >
           Back
         </Button>
-        <Button variant={ButtonVariants.primary} onClick={saveAndPreview}>
+        <Button
+          variant={ButtonVariants.primary}
+          onClick={saveAndPreview}
+          dataTrackEvent={
+            !props.formMetaData.userGithub &&
+            !props.formMetaData.projectGithub &&
+            !props.formMetaData.projectTwitter
+              ? "project-create-social-skip"
+              : "project-create-social-next"
+          }
+        >
           {!props.formMetaData.userGithub &&
           !props.formMetaData.projectGithub &&
           !props.formMetaData.projectTwitter

diff --git a/packages/builder/src/components/grants/List.tsx b/packages/builder/src/components/grants/List.tsx
@@ -187,7 +187,11 @@ function ProjectsList() {
                       Learn More.
                     </a>
                   </p>
-                  <Link to={newGrantPath()} className="mt-6">
+                  <Link
+                    to={newGrantPath()}
+                    className="mt-6"
+                    data-track-event="project-create-center-next"
+                  >
                     <Button variant={ButtonVariants.outline}>
                       Create a Project
                     </Button>