Remove Umami

rgllm · May 18, 2023 · e7f5cbb · e7f5cbb · vercel · May 18, 2023
1 parent 595d2d9
commit e7f5cbb
Show file tree

Hide file tree

Showing 16 changed files with 74 additions and 142 deletions.
diff --git a/components/BlogPost.tsx b/components/BlogPost.tsx
@@ -5,15 +5,13 @@ export default function BlogPost({title, description}) {
   const slug = slugify(title, {lower: true})
 
   return (
-    (<Link href={`/blog/${slug}`} className={`w-full umami--click--blog-${slug}`}>
-
+    <Link href={`/blog/${slug}`} className="w-full">
       <div className="w-full mb-8">
         <div className="flex flex-col justify-between md:flex-row">
           <h2 className="w-full mb-2 text-lg font-medium text-gray-900 md:text-lg">{title}</h2>
         </div>
         <p className="text-gray-600">{description}</p>
       </div>
-
-    </Link>)
-  );
+    </Link>
+  )
 }
diff --git a/components/BookmarksList.tsx b/components/BookmarksList.tsx
@@ -29,15 +29,14 @@ export default function BookmarksList({bookmarks}) {
                 href={bookmark.link}
                 target="_blank"
                 rel="noopener noreferrer"
-                className={`animatedArrow inline-flex items-center px-2.5 py-0.5 leading-5 font-medium text-gray-700 cursor-pointer umami--click--bookmark-${bookmark.id}`}>
-                View{' '}
-                <FiArrowRight className="arrow text-gray-700 mt-[2px] ml-[4px] max-w-[18px]" />
-
+                className="animatedArrow inline-flex items-center px-2.5 py-0.5 leading-5 font-medium text-gray-700 cursor-pointer"
+              >
+                View <FiArrowRight className="arrow text-gray-700 mt-[2px] ml-[4px] max-w-[18px]" />
               </Link>
             </div>
           </div>
         </li>
       ))}
     </ul>
-  );
+  )
 }
diff --git a/components/Container.tsx b/components/Container.tsx
@@ -18,7 +18,6 @@ function NavItem({href, text}) {
       className={cn(
         isActive ? 'font-semibold text-[#24292f]' : 'font-normal text-[#24292f]',
         'hidden md:inline-block p-1 sm:px-3 sm:py-2 rounded-lg transition-all hover:bg-[#ededed] duration-120',
-        `umami--click--menu-${text.toLowerCase()}`,
       )}
     >
       <span className="capsize">{text}</span>

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -7,23 +7,23 @@ export default function Footer() {
       <div className="flex flex-row">
         <Link
           href="https://twitter.com/intent/follow?screen_name=rgllm"
-          className="mr-4 umami--click--footer-twitter"
+          className="mr-4"
           target="_blank"
           rel="noopener noreferrer"
         >
           <FiTwitter />
         </Link>
         <Link
           href="https://github.com/rgllm"
-          className="mr-4 umami--click--footer-github"
+          className="mr-4"
           target="_blank"
           rel="noopener noreferrer"
         >
           <FiGithub />
         </Link>
         <Link
           href="https://linkedin.com/in/rgllm"
-          className="mr-4 umami--click--footer-linkedin"
+          className="mr-4"
           target="_blank"
           rel="noopener noreferrer"
         >

diff --git a/components/MobileMenu.tsx b/components/MobileMenu.tsx
@@ -6,7 +6,6 @@ import Link from 'next/link'
 import useDelayedRender from 'use-delayed-render'
 
 import styles from 'styles/mobile-menu.module.css'
-import {trackEvent} from 'lib/analytics'
 
 export default function MobileMenu() {
   const [isMenuOpen, setIsMenuOpen] = useState(false)
@@ -18,11 +17,9 @@ export default function MobileMenu() {
   function toggleMenu() {
     if (isMenuOpen) {
       setIsMenuOpen(false)
-      trackEvent(`Mobile Menu closed`, 'navigate')
       document.body.style.overflow = ''
     } else {
       setIsMenuOpen(true)
-      trackEvent(`Mobile Menu open`, 'navigate')
       document.body.style.overflow = 'hidden'
     }
   }
@@ -33,63 +30,59 @@ export default function MobileMenu() {
     }
   }, [])
 
-  return <>
-    <button
-      className={cn(styles.burger, 'visible md:hidden')}
-      aria-label="Toggle menu"
-      type="button"
-      onClick={toggleMenu}
-    >
-      <AiOutlineMenu className="absolute w-5 h-5 text-gray-900" data-hide={isMenuOpen} />
-      <GrClose className="absolute w-5 h-5 text-gray-900" data-hide={!isMenuOpen} />
-    </button>
-    {isMenuMounted && (
-      <ul
-        className={cn(
-          styles.menu,
-          'flex flex-col absolute bg-gray-100',
-          isMenuRendered && styles.menuRendered,
-        )}
+  return (
+    <>
+      <button
+        className={cn(styles.burger, 'visible md:hidden')}
+        aria-label="Toggle menu"
+        type="button"
+        onClick={toggleMenu}
       >
-        <li
-          className="text-sm font-semibold text-gray-900 border-b border-gray-300"
-          style={{transitionDelay: '150ms'}}
+        <AiOutlineMenu className="absolute w-5 h-5 text-gray-900" data-hide={isMenuOpen} />
+        <GrClose className="absolute w-5 h-5 text-gray-900" data-hide={!isMenuOpen} />
+      </button>
+      {isMenuMounted && (
+        <ul
+          className={cn(
+            styles.menu,
+            'flex flex-col absolute bg-gray-100',
+            isMenuRendered && styles.menuRendered,
+          )}
         >
-          <Link href="/" className="flex w-auto pb-4 umami--click--mobile-menu-home">
-            Home
-          </Link>
-        </li>
-        <li
-          className="text-sm font-semibold text-gray-900 border-b border-gray-300"
-          style={{transitionDelay: '175ms'}}
-        >
-          <Link
-            href="/about"
-            className="flex w-auto pb-4 umami--click--mobile-menu-about">
-            About
-          </Link>
-        </li>
-        <li
-          className="text-sm font-semibold text-gray-900 border-b border-gray-300"
-          style={{transitionDelay: '200ms'}}
-        >
-          <Link
-            href="/blog"
-            className="flex w-auto pb-4 umami--click--mobile-menu-writing">
-            Writing
-          </Link>
-        </li>
-        <li
-          className="text-sm font-semibold text-gray-900 border-b border-gray-300"
-          style={{transitionDelay: '250ms'}}
-        >
-          <Link
-            href="/bookmarks"
-            className="flex w-auto pb-4 umami--click--mobile-menu-bookmarks">
-            Bookmarks
-          </Link>
-        </li>
-      </ul>
-    )}
-  </>;
+          <li
+            className="text-sm font-semibold text-gray-900 border-b border-gray-300"
+            style={{transitionDelay: '150ms'}}
+          >
+            <Link href="/" className="flex w-auto pb-4">
+              Home
+            </Link>
+          </li>
+          <li
+            className="text-sm font-semibold text-gray-900 border-b border-gray-300"
+            style={{transitionDelay: '175ms'}}
+          >
+            <Link href="/about" className="flex w-auto pb-4">
+              About
+            </Link>
+          </li>
+          <li
+            className="text-sm font-semibold text-gray-900 border-b border-gray-300"
+            style={{transitionDelay: '200ms'}}
+          >
+            <Link href="/blog" className="flex w-auto pb-4">
+              Writing
+            </Link>
+          </li>
+          <li
+            className="text-sm font-semibold text-gray-900 border-b border-gray-300"
+            style={{transitionDelay: '250ms'}}
+          >
+            <Link href="/bookmarks" className="flex w-auto pb-4">
+              Bookmarks
+            </Link>
+          </li>
+        </ul>
+      )}
+    </>
+  )
 }
diff --git a/components/PageNavigation.tsx b/components/PageNavigation.tsx
@@ -10,14 +10,14 @@ export default function PageNavigation({currentPage, lastPage, setNext, setPrev}
         <button
           onClick={() => setPrev()}
           disabled={currentPage === 1}
-          className="relative inline-flex items-center px-4 py-2 ml-2 text-lg text-gray-700 rounded-md disabled:opacity-50 umami--click--bookmarks-previous"
+          className="relative inline-flex items-center px-4 py-2 ml-2 text-lg text-gray-700 rounded-md disabled:opacity-50"
         >
           <ImArrowLeft2 />
         </button>
         <button
           onClick={() => setNext()}
           disabled={currentPage === lastPage}
-          className="relative inline-flex items-center px-4 py-2 ml-2 text-lg text-gray-700 rounded-md disabled:opacity-50 umami--click--bookmarks-next"
+          className="relative inline-flex items-center px-4 py-2 ml-2 text-lg text-gray-700 rounded-md disabled:opacity-50"
         >
           <ImArrowRight2 />
         </button>

diff --git a/components/PostCard.tsx b/components/PostCard.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 export default function PostCard({title, slug}) {
   return (
-    <Link href={`/blog/${slug}`} className={`umami--click--homepage-${slug}`}>
+    <Link href={`/blog/${slug}`}>
       <h4 className="w-full mb-4 font-medium text-gray-600 text-md">{title}</h4>
     </Link>
   )

diff --git a/components/ProjectCard.tsx b/components/ProjectCard.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 
 export default function ProjectCard({href, name, icon, description}) {
   return (
-    <Link href={href} passHref className={`umami--click--homepage-${name}`}>
+    <Link href={href} passHref>
       <li className="w-full mb-4 cursor-pointer transform hover:scale-[1.01] transition-all">
         <div className="flex p-4 pl-0 border-0 border-gray-600 border-solid rounded-lg align-center">
           {icon && <div className="flex flex-col justify-center mr-4 align-center">{icon}</div>}

diff --git a/components/Weather.tsx b/components/Weather.tsx
@@ -31,13 +31,9 @@ export default function Weather() {
   if (!temperature || !condition) return null
 
   return (
-    (<Link
-      href="/weather"
-      className="flex flex-row items-center umami--click--weather">
-
+    <Link href="/weather" className="flex flex-row items-center">
       {iconRenderSwitch(icon)}
       <span className="font-normal text-[#24292f]">{Math.ceil(temperature)} ºC</span>
-
-    </Link>)
-  );
+    </Link>
+  )
 }
diff --git a/e2e/homepage.spec.ts b/e2e/homepage.spec.ts
diff --git a/lib/analytics.ts b/lib/analytics.ts
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -10,13 +10,6 @@ export default function Document(props) {
         <meta content="/favicons/browserconfig.xml" name="msapplication-config" />
         <link href="/favicons/favicon.ico" rel="shortcut icon" />
         <link href="/favicons/manifest.json" rel="manifest" />
-        <link rel="preconnect" href="https://ai.rgllm.com" crossOrigin="" />
-        <script
-          async
-          defer
-          data-website-id={process.env.UMAMI_WEBSITE_ID}
-          src="https://ai.rgllm.com/umami.js"
-        ></script>
       </Head>
       <body>
         <Main />

diff --git a/pages/blog.tsx b/pages/blog.tsx
@@ -26,7 +26,7 @@ export default function Blog({posts}: InferGetStaticPropsType<typeof getStaticPr
             type="text"
             onChange={e => setSearchValue(e.target.value)}
             placeholder="Search posts"
-            className="block w-full px-4 py-2 text-gray-900 bg-white border border-gray-200 rounded-md focus:ring-blue-500 focus:border-blue-500 umami--input--blog-search"
+            className="block w-full px-4 py-2 text-gray-900 bg-white border border-gray-200 rounded-md focus:ring-blue-500 focus:border-blue-500"
           />
           <svg
             className="absolute w-5 h-5 text-gray-400 right-3 top-3 "

diff --git a/pages/bookmarks.tsx b/pages/bookmarks.tsx
@@ -33,7 +33,7 @@ export default function About({bookmarks}: InferGetStaticPropsType<typeof getSta
             type="text"
             onChange={e => setSearchValue(e.target.value)}
             placeholder="Search bookmarks"
-            className="block w-full px-4 py-2 text-gray-900 bg-white border border-gray-200 rounded-md focus:ring-blue-500 focus:border-blue-500 umami--input--bookmark-search"
+            className="block w-full px-4 py-2 text-gray-900 bg-white border border-gray-200 rounded-md focus:ring-blue-500 focus:border-blue-500"
           />
           <svg
             className="absolute w-5 h-5 text-gray-400 right-3 top-3 "

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -36,7 +36,7 @@ export default function Home({bookmarks, posts}: InferGetStaticPropsType<typeof
           </div>
           <Link
             href="/blog"
-            className="inline-flex leading-5 text-gray-600 items-centerfont-medium animatedArrow umami--click--home-view-all-posts"
+            className="inline-flex leading-5 text-gray-600 items-centerfont-medium animatedArrow"
           >
             View all posts{' '}
             <FiArrowRight className="arrow text-gray-600 mt-[2px] ml-[4px] max-w-[18px]" />
@@ -47,7 +47,7 @@ export default function Home({bookmarks, posts}: InferGetStaticPropsType<typeof
           <BookmarksList bookmarks={bookmarks} />
           <Link
             href="/bookmarks"
-            className="inline-flex items-center pt-10 font-medium leading-5 text-gray-600 animatedArrow umami--click--home-view-all-bookmarks"
+            className="inline-flex items-center pt-10 font-medium leading-5 text-gray-600 animatedArrow"
           >
             View all bookmarks{' '}
             <FiArrowRight className="arrow text-gray-600 mt-[2px] ml-[4px] max-w-[18px]" />

diff --git a/pages/resume.tsx b/pages/resume.tsx
@@ -5,15 +5,13 @@ import ReactToPrint from 'react-to-print'
 import {getPage} from 'lib/get-pages'
 import Container from '~/Container'
 import convertToComponents from 'lib/parse-html'
-import {trackEvent} from 'lib/analytics'
 
 export default function Resume(props: InferGetStaticPropsType<typeof getStaticProps>) {
   const {bodyHTML} = props.page
   const parsedBody = convertToComponents(bodyHTML)
   const componentRef = useRef(null)
 
   const reactToPrintContent = useCallback(() => {
-    trackEvent('CV print', 'click')
     return componentRef.current
   }, [])