Merge pull request #762 from UTDNebula/change-google-analytics-develop

Change google analytics (for develop)

Author: TyHil

.env.example

@@ -58,13 +58,6 @@ NEXT_PUBLIC_VALIDATOR=
 NODE_ENV=
 
 
-########## Umami ##########
-## Umami: self-hosted analytics service
-## Required only in production.
-NEXT_PUBLIC_UMAMI_URL=
-NEXT_PUBLIC_UMAMI_WEBSITE_ID=
-
-
 ########## Sentry ##########
 ## Sentry: error tracking service
 ## Not required in any environments.

.github/workflows/build.yml

@@ -80,7 +80,3 @@ jobs:
 
           NODE_ENV: production
           VERCEL_ENV: preview
-
-          # UMAMI
-          NEXT_PUBLIC_UMAMI_URL: hi
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID: bye

.github/workflows/tests.yml

@@ -64,10 +64,6 @@ jobs:
 
       NODE_ENV: test
 
-      # UMAMI
-      NEXT_PUBLIC_UMAMI_URL: hi
-      NEXT_PUBLIC_UMAMI_WEBSITE_ID: bye
-
     steps:
       - name: Checkout
         uses: actions/checkout@v4

docs/WORKFLOWS_AND_DEPLOYMENT.md

@@ -24,8 +24,6 @@ All deployment/external service:
 - Web server: Vercel
 - TRPC Routes: Vercel Edge Functions
 - Planner Postgres: Neon
-- Umami (User analytics): Railway
-- Umami Postgres: Railway
 - Sentry (Crash analytics)
 - Auth Providers: Discord, Google, Facebook
 - Mailtrap (Email "magic link" auth)

package-lock.json

@@ -38,6 +38,7 @@
     "@mui/material": "^5.4.0",
     "@next-auth/prisma-adapter": "^1.0.5",
     "@next/bundle-analyzer": "^13.1.6",
+    "@next/third-parties": "^15.0.2",
     "@radix-ui/react-checkbox": "^1.0.1",
     "@radix-ui/react-dialog": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "2.0.2",

package.json

@@ -7,7 +7,6 @@ import ChevronIcon from '@/icons/ChevronIcon';
 import PlusIcon from '@/icons/PlusIcon';
 import { trpc } from '@utils/trpc';
 
-import AnalyticsWrapper from '../common/AnalyticsWrapper';
 import PlanCard from '../landing/PlanCard';
 import TemplateModal from '../template/Modal';
 
@@ -122,42 +121,36 @@ export default function PlansPage(): JSX.Element {
 
               <DropdownMenu.Portal>
                 <DropdownMenu.Content className="relative top-2 w-min rounded-md border border-neutral-300 bg-generic-white drop-shadow-xl">
-                  <AnalyticsWrapper analyticsClass="umami--click--custom-plan">
-                    <DropdownItem
-                      data-testid="add-blank-plan-btn"
-                      text="Start New"
-                      onClick={() => {
-                        setPlanPage(0);
-                        setOpenTemplateModal(true);
-                      }}
-                    />
-                  </AnalyticsWrapper>
+                  <DropdownItem
+                    data-testid="add-blank-plan-btn"
+                    text="Start New"
+                    onClick={() => {
+                      setPlanPage(0);
+                      setOpenTemplateModal(true);
+                    }}
+                  />
 
                   <DropdownMenu.Separator className="DropdownMenuSeparator h-0.5 bg-black opacity-10" />
 
-                  <AnalyticsWrapper analyticsClass="umami--click--custom-plan">
-                    <DropdownItem
-                      data-testid="add-custom-plan-btn"
-                      text="From Transcript"
-                      onClick={() => {
-                        setPlanPage(1);
-                        setOpenTemplateModal(true);
-                      }}
-                    />
-                  </AnalyticsWrapper>
+                  <DropdownItem
+                    data-testid="add-custom-plan-btn"
+                    text="From Transcript"
+                    onClick={() => {
+                      setPlanPage(1);
+                      setOpenTemplateModal(true);
+                    }}
+                  />
 
                   <DropdownMenu.Separator className="DropdownMenuSeparator h-0.5 bg-black opacity-10" />
 
-                  <AnalyticsWrapper analyticsClass="umami--click--template-plan">
-                    <DropdownItem
-                      text="From Template"
-                      data-testid="add-template-plan-btn"
-                      onClick={() => {
-                        setPlanPage(2);
-                        setOpenTemplateModal(true);
-                      }}
-                    />
-                  </AnalyticsWrapper>
+                  <DropdownItem
+                    text="From Template"
+                    data-testid="add-template-plan-btn"
+                    onClick={() => {
+                      setPlanPage(2);
+                      setOpenTemplateModal(true);
+                    }}
+                  />
                 </DropdownMenu.Content>
               </DropdownMenu.Portal>
             </DropdownMenu.Root>

src/components/common/AnalyticsWrapper.tsx

@@ -5,7 +5,6 @@ import Skeleton from 'react-loading-skeleton';
 import { v4 as uuidv4 } from 'uuid';
 
 import Button from '@/components/Button';
-import AnalyticsWrapper from '@/components/common/AnalyticsWrapper';
 import RequirementsContainer from '@/components/planner/Sidebar/RequirementsContainer';
 import SearchBar from '@/components/planner/Sidebar/SearchBar';
 import ChevronIcon from '@/icons/ChevronIcon';
@@ -190,21 +189,19 @@ function CourseSelectorContainer({
           <h6 className="text-base tracking-tight text-gray-500">Drag courses onto your plan</h6>
         </div>
         <div className="z-[999] drop-shadow-2xl">
-          <AnalyticsWrapper analyticsClass="umami--click--search-course">
-            <SearchBar
-              onClick={() => setDisplay(true)}
-              updateQuery={(q) => {
-                updateQuery(q);
-                setDisplay(true);
-              }}
-              className={`${
-                displayResults
-                  ? 'rounded-b-none border-b-transparent'
-                  : 'rounded-b-[10px] border-b-inherit'
-              }`}
-              placeholder="Search courses"
-            />
-          </AnalyticsWrapper>
+          <SearchBar
+            onClick={() => setDisplay(true)}
+            updateQuery={(q) => {
+              updateQuery(q);
+              setDisplay(true);
+            }}
+            className={`${
+              displayResults
+                ? 'rounded-b-none border-b-transparent'
+                : 'rounded-b-[10px] border-b-inherit'
+            }`}
+            placeholder="Search courses"
+          />
           <div className="relative">
             <div
               ref={ref}

src/components/home/Home.tsx

@@ -1,7 +1,6 @@
 import { UniqueIdentifier, useDroppable } from '@dnd-kit/core';
 import React, { FC, forwardRef, useState, useRef, useImperativeHandle } from 'react';
 
-import AnalyticsWrapper from '@/components/common/AnalyticsWrapper';
 import ChevronIcon from '@/icons/ChevronIcon';
 import LockIcon from '@/icons/LockIcon';
 import UnlockedIcon from '@/icons/UnlockedIcon';
@@ -132,13 +131,9 @@ export const MemoizedSemesterTile = React.memo(
               >
                 {displaySemesterCode(semester.code)}
               </h3>
-              <AnalyticsWrapper analyticsClass="umami--click--lock-course">
-                <button
-                  onClick={() => handleSemesterLock(semester.id.toString(), !semester.locked)}
-                >
-                  {!semester.locked ? <UnlockedIcon /> : <LockIcon />}
-                </button>
-              </AnalyticsWrapper>
+              <button onClick={() => handleSemesterLock(semester.id.toString(), !semester.locked)}>
+                {!semester.locked ? <UnlockedIcon /> : <LockIcon />}
+              </button>
             </div>
             <SemesterTileDropdown
               locked={semester.locked}