From 02e427a32353838ad38c46f4a857bdc803a82818 Mon Sep 17 00:00:00 2001
From: Nuno Miguel <nmpf.2005@gmail.com>
Date: Sun, 24 Nov 2024 23:46:29 +0000
Subject: [PATCH 1/5] feat: add analytics

---
 components/ClearSelectionButton/ClearSelectionButton.tsx | 2 ++
 components/CustomToolbar/CustomToolbar.tsx               | 6 ++++++
 components/DarkModeToggler/DarkModeToggler.tsx           | 2 ++
 components/ExportButton/ExportButton.tsx                 | 2 ++
 components/Install/Install.tsx                           | 1 +
 components/ShareButton/ShareButton.tsx                   | 2 ++
 components/Sidebar/Sidebar.tsx                           | 1 +
 components/Themes/Themes.tsx                             | 4 ++++
 pages/_document.tsx                                      | 2 ++
 pages/index.tsx                                          | 2 ++
 10 files changed, 24 insertions(+)

diff --git a/components/ClearSelectionButton/ClearSelectionButton.tsx b/components/ClearSelectionButton/ClearSelectionButton.tsx
index 3a63875d..5d5ca7e3 100644
--- a/components/ClearSelectionButton/ClearSelectionButton.tsx
+++ b/components/ClearSelectionButton/ClearSelectionButton.tsx
@@ -30,6 +30,8 @@ const ClearSelectionButton = ({
         type: "button",
         title: "Clear",
         className: classNameData,
+        "data-umami-event": "clear-selection-button",
+        "data-umami-event-type": isHome ? "events" : "shifts",
       }}
     >
       <i className="bi bi-trash-fill"></i>
diff --git a/components/CustomToolbar/CustomToolbar.tsx b/components/CustomToolbar/CustomToolbar.tsx
index 25917084..0c344ba6 100644
--- a/components/CustomToolbar/CustomToolbar.tsx
+++ b/components/CustomToolbar/CustomToolbar.tsx
@@ -37,6 +37,7 @@ const MobileToolbar = ({ view, onView }) => {
                     view === "day" ? "rbc-active" : undefined
                   } h-[2.1rem]`}
                   onClick={() => onView("day")}
+                  data-umami-event="day-view-button"
                 >
                   <i className="bi bi-calendar3-event"></i> Day
                 </button>
@@ -52,6 +53,7 @@ const MobileToolbar = ({ view, onView }) => {
                     view === "week" ? "rbc-active" : undefined
                   } h-[2.1rem]`}
                   onClick={() => onView("week")}
+                  data-umami-event="week-view-button"
                 >
                   <i className="bi bi-calendar3-week"></i> Week
                 </button>
@@ -67,6 +69,7 @@ const MobileToolbar = ({ view, onView }) => {
                     view === "month" ? "rbc-active" : undefined
                   } h-[2.1rem]`}
                   onClick={() => onView("month")}
+                  data-umami-event="month-view-button"
                 >
                   <i className="bi bi-calendar3"></i> Month
                 </button>
@@ -88,6 +91,7 @@ const DesktopToolbar = ({ view, onView }) => {
         // don't use condition && "result" -> className can't be a boolean
         className={`${view === "day" ? "rbc-active" : undefined} h-[2.1rem]`}
         onClick={() => onView("day")}
+        data-umami-event="day-view-button"
       >
         <i className="bi bi-calendar3-event"></i>
       </button>
@@ -97,6 +101,7 @@ const DesktopToolbar = ({ view, onView }) => {
         // don't use condition && "result" -> className can't be a boolean
         className={`${view === "week" ? "rbc-active" : undefined} h-[2.1rem]`}
         onClick={() => onView("week")}
+        data-umami-event="week-view-button"
       >
         <i className="bi bi-calendar3-week"></i>
       </button>
@@ -106,6 +111,7 @@ const DesktopToolbar = ({ view, onView }) => {
         // don't use condition && "result" -> className can't be a boolean
         className={`${view === "month" ? "rbc-active" : undefined} h-[2.1rem]`}
         onClick={() => onView("month")}
+        data-umami-event="month-view-button"
       >
         <i className="bi bi-calendar3"></i>
       </button>
diff --git a/components/DarkModeToggler/DarkModeToggler.tsx b/components/DarkModeToggler/DarkModeToggler.tsx
index 5c6f2968..b6f3fbaf 100644
--- a/components/DarkModeToggler/DarkModeToggler.tsx
+++ b/components/DarkModeToggler/DarkModeToggler.tsx
@@ -31,6 +31,8 @@ const DarkModeToggler = () => {
               : "system"
           )
         }
+        data-umami-event="appearance-select"
+        data-umami-event-mode={theme}
       >
         <option>Follow System</option>
         <option>Dark</option>
diff --git a/components/ExportButton/ExportButton.tsx b/components/ExportButton/ExportButton.tsx
index 0e5a4c27..cdc23e89 100644
--- a/components/ExportButton/ExportButton.tsx
+++ b/components/ExportButton/ExportButton.tsx
@@ -19,6 +19,8 @@ const ExportButton = ({ isHome, filters }: ExportButtonProps) => {
         onClick={() => setIsModalOpen(true)}
         title="Export"
         className="h-10 w-full rounded-xl p-2 font-medium leading-3 text-neutral-300 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-neutral-900 hover:shadow-lg dark:bg-neutral-800/70 dark:text-neutral-500 dark:ring-neutral-400/20 dark:hover:text-neutral-200"
+        data-umami-event="export-button"
+        data-umami-event-type={isHome ? "events" : "shifts"}
       >
         Export <i className="bi bi-box-arrow-up"></i>
       </button>
diff --git a/components/Install/Install.tsx b/components/Install/Install.tsx
index d3752562..21c19956 100644
--- a/components/Install/Install.tsx
+++ b/components/Install/Install.tsx
@@ -29,6 +29,7 @@ const Install = ({ installPwaPrompt }: InstallProps) => {
       <button
         onClick={installPwa}
         className="mt-2 rounded-lg bg-cesium-100 p-2 font-medium text-cesium-900 shadow-sm transition-colors hover:bg-cesium-200 dark:bg-cesium-700/20 dark:hover:bg-cesium-700/30"
+        data-umami-event="install-button"
       >
         Install <i className="bi bi-download" />
       </button>
diff --git a/components/ShareButton/ShareButton.tsx b/components/ShareButton/ShareButton.tsx
index b09ba006..abdea1e7 100644
--- a/components/ShareButton/ShareButton.tsx
+++ b/components/ShareButton/ShareButton.tsx
@@ -27,6 +27,8 @@ const ShareButton = ({
         className="h-10 w-10 rounded-xl p-2 font-medium leading-3 text-neutral-300 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-neutral-900 hover:shadow-lg dark:bg-neutral-800/70 dark:text-neutral-500 dark:ring-neutral-400/20 dark:hover:text-neutral-200"
         title="Share"
         onClick={() => setIsModalOpen(true)}
+        data-umami-event="share-button"
+        data-umami-event-type={isHome ? "events" : "shifts"}
       >
         <i className="bi bi-share-fill"></i>
       </button>
diff --git a/components/Sidebar/Sidebar.tsx b/components/Sidebar/Sidebar.tsx
index 292caf79..9fc266d5 100644
--- a/components/Sidebar/Sidebar.tsx
+++ b/components/Sidebar/Sidebar.tsx
@@ -101,6 +101,7 @@ const Sidebar = ({
               onClick={() => setIsSettings(!isSettings)}
               className="h-10 w-10 rounded-xl p-2 leading-3 text-neutral-300 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-neutral-900 hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-neutral-500 dark:bg-neutral-800/70 dark:text-neutral-500 dark:ring-neutral-400/20 dark:hover:text-neutral-200"
               title="Settings"
+              data-umami-event="settings-button"
             >
               {isSettings ? (
                 <i className="bi bi-gear-fill text-neutral-900 dark:text-neutral-200"></i>
diff --git a/components/Themes/Themes.tsx b/components/Themes/Themes.tsx
index eb78031e..913c404a 100644
--- a/components/Themes/Themes.tsx
+++ b/components/Themes/Themes.tsx
@@ -194,6 +194,8 @@ const Themes = ({
           className="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/20"
           value={theme}
           onChange={(e) => updateTheme(e.target.value)}
+          data-umami-event="theme-select"
+          data-umami-event-theme={theme}
         >
           <option>Modern</option>
           <option>Classic</option>
@@ -213,6 +215,8 @@ const Themes = ({
               className="block w-full rounded-md border-0 py-1.5  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/20"
               value={customType}
               onChange={(e) => updateCustomType(e.target.value)}
+              data-umami-event="customize-by-select"
+              data-umami-event-customize-by={customType}
             >
               <option>Year</option>
               <option>Subject</option>
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 37fb83bb..c0ccb47b 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -1,4 +1,5 @@
 import { Html, Head, Main, NextScript } from "next/document";
+import Script from "next/script";
 
 export default function Document() {
   return (
@@ -70,6 +71,7 @@ export default function Document() {
           media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
           rel="apple-touch-startup-image"
         />
+        <Script defer src="https://umami.caos.cesium.pt/script.js" data-website-id="76194c0b-f06f-4065-b021-030f476593ee" strategy="afterInteractive" />
       </Head>
       <body className="dark:bg-neutral-900">
         <Main />
diff --git a/pages/index.tsx b/pages/index.tsx
index 2b3b3ae3..3744e2c8 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -287,6 +287,7 @@ export default function Home({ filters }) {
             className="transition-colors hover:text-blue-500"
             onClick={() => handleData(true)}
             title="Sync event data (updates every hour)"
+            data-umami-event="sync-button"
           >
             <i className="bi bi-arrow-repeat" />
           </button>
@@ -297,6 +298,7 @@ export default function Home({ filters }) {
             target="_blank"
             rel="noopener noreferrer"
             className="cursor-pointer text-blue-500 hover:underline"
+            data-umami-event="event-missing-button"
           >
             add it
           </a>

From b79ed0805c18a4ff284790b14f1d62254ebe75f1 Mon Sep 17 00:00:00 2001
From: Nuno Miguel <nmpf.2005@gmail.com>
Date: Sun, 24 Nov 2024 23:48:20 +0000
Subject: [PATCH 2/5] chore: run formatter

---
 pages/_document.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/_document.tsx b/pages/_document.tsx
index c0ccb47b..8d251f1d 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -71,7 +71,12 @@ export default function Document() {
           media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
           rel="apple-touch-startup-image"
         />
-        <Script defer src="https://umami.caos.cesium.pt/script.js" data-website-id="76194c0b-f06f-4065-b021-030f476593ee" strategy="afterInteractive" />
+        <Script
+          defer
+          src="https://umami.caos.cesium.pt/script.js"
+          data-website-id="76194c0b-f06f-4065-b021-030f476593ee"
+          strategy="afterInteractive"
+        />
       </Head>
       <body className="dark:bg-neutral-900">
         <Main />

From 417c152f11a77fb8fdb750dfbc5900c3c920ed34 Mon Sep 17 00:00:00 2001
From: Nuno Miguel <nmpf.2005@gmail.com>
Date: Sun, 24 Nov 2024 23:59:12 +0000
Subject: [PATCH 3/5] chore: update website id for analytics

---
 pages/_document.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/_document.tsx b/pages/_document.tsx
index 8d251f1d..10603dbe 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -74,7 +74,7 @@ export default function Document() {
         <Script
           defer
           src="https://umami.caos.cesium.pt/script.js"
-          data-website-id="76194c0b-f06f-4065-b021-030f476593ee"
+          data-website-id="e6949456-0ee3-44e7-86f0-77a6387cc869"
           strategy="afterInteractive"
         />
       </Head>

From 3a4f3a97f569e16fa1d51c0df6375037784d8abc Mon Sep 17 00:00:00 2001
From: Nuno Miguel <nmpf.2005@gmail.com>
Date: Mon, 25 Nov 2024 00:04:40 +0000
Subject: [PATCH 4/5] feat: add analytics to share modal

---
 components/ShareModal/ShareModal.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/ShareModal/ShareModal.tsx b/components/ShareModal/ShareModal.tsx
index fd79afc5..51cde04b 100644
--- a/components/ShareModal/ShareModal.tsx
+++ b/components/ShareModal/ShareModal.tsx
@@ -249,6 +249,8 @@ const ShareModal = ({
                         type="submit"
                         className="relative -ml-px inline-flex w-[38px] place-content-center items-center gap-x-1.5 rounded-r-lg px-3 py-2 text-sm font-semibold ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                         title="Import"
+                        data-umami-event="share-import-button"
+                        data-umami-event-type={isHome ? "events" : "shifts"}
                       >
                         {isImported ? (
                           <i className="bi bi-check-circle-fill text-cesium-900" />
@@ -264,6 +266,8 @@ const ShareModal = ({
                       className="relative ml-2 inline-flex items-center rounded-lg px-3 py-2 text-sm font-semibold shadow-sm ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                       title="Copy your share code"
                       onClick={copyToClipboardHandle}
+                      dta-umami-event="share-copy-button"
+                      data-umami-event-type={isHome ? "events" : "shifts"}
                     >
                       {isCopied ? (
                         <i className="bi bi-check-circle-fill text-cesium-900" />

From de8bda2edfabdbebeccdc7a22f73dddffc88596d Mon Sep 17 00:00:00 2001
From: Nuno Miguel <nmpf.2005@gmail.com>
Date: Mon, 25 Nov 2024 00:18:23 +0000
Subject: [PATCH 5/5] feat: move umami config to environment variables

---
 .env.local.sample                    | 2 ++
 components/ShareModal/ShareModal.tsx | 2 +-
 pages/_document.tsx                  | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/.env.local.sample b/.env.local.sample
index fc2a6b0f..fc538f4b 100644
--- a/.env.local.sample
+++ b/.env.local.sample
@@ -2,3 +2,5 @@ GS_PRIVATE_KEY=<your-gs-private-key>
 GS_CLIENT_EMAIL=<your-gs-client-email>
 SHEET_ID=<your-sheet-id>
 NEXT_PUBLIC_DOMAIN=http://localhost:3000
+UMAMI_URL=<your-umami-url>
+UMAMI_WEBSITE_ID=<your-umami-website-id>
\ No newline at end of file
diff --git a/components/ShareModal/ShareModal.tsx b/components/ShareModal/ShareModal.tsx
index 51cde04b..28e61791 100644
--- a/components/ShareModal/ShareModal.tsx
+++ b/components/ShareModal/ShareModal.tsx
@@ -266,7 +266,7 @@ const ShareModal = ({
                       className="relative ml-2 inline-flex items-center rounded-lg px-3 py-2 text-sm font-semibold shadow-sm ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                       title="Copy your share code"
                       onClick={copyToClipboardHandle}
-                      dta-umami-event="share-copy-button"
+                      data-umami-event="share-copy-button"
                       data-umami-event-type={isHome ? "events" : "shifts"}
                     >
                       {isCopied ? (
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 10603dbe..ad1abd94 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -73,8 +73,8 @@ export default function Document() {
         />
         <Script
           defer
-          src="https://umami.caos.cesium.pt/script.js"
-          data-website-id="e6949456-0ee3-44e7-86f0-77a6387cc869"
+          src={process.env.UMAMI_URL}
+          data-website-id={process.env.UMAMI_WEBSITE_ID}
           strategy="afterInteractive"
         />
       </Head>