disable appending utm tags

Author: medyo

src/components/Elements/CardLink/CardLink.tsx

@@ -14,7 +14,7 @@ export const CardLink = ({
   link,
   children,
   className = '',
-  appendRef = true,
+  appendRef = false,
   analyticsAttributes,
 }: CardLinkProps) => {
   return (

src/components/Elements/ClickableItem/ClickableItem.tsx

@@ -1,6 +1,6 @@
-import { trackLinkOpen } from 'src/lib/analytics'
 import React from 'react'
 import { ref } from 'src/config'
+import { trackLinkOpen } from 'src/lib/analytics'
 
 import { useUserPreferences } from 'src/stores/preferences'
 
@@ -18,7 +18,7 @@ export const ClickableItem = ({
   className,
   children,
   analyticsAttributes,
-  appendRef = true,
+  appendRef = false,
 }: ClickableItemProps) => {
   const { openLinksNewTab } = useUserPreferences()
 

src/config/index.tsx

@@ -1,25 +1,21 @@
 import React from 'react'
-import { SiGithub } from 'react-icons/si'
-import { SiYcombinator } from 'react-icons/si'
-import { FaDev } from 'react-icons/fa'
-import { SiProducthunt } from 'react-icons/si'
-import { FaReddit, FaMediumM } from 'react-icons/fa'
+import { CgIndieHackers } from 'react-icons/cg'
+import { FaDev, FaFreeCodeCamp, FaMediumM, FaReddit } from 'react-icons/fa'
 import { HiTicket } from 'react-icons/hi'
+import { SiGithub, SiProducthunt, SiYcombinator } from 'react-icons/si'
 import HashNodeIcon from 'src/assets/icon_hashnode.png'
 import LobstersIcon from 'src/assets/icon_lobsters.png'
-import { FaFreeCodeCamp } from 'react-icons/fa'
-import { CgIndieHackers } from 'react-icons/cg'
 import {
-  HackernewsCard,
-  ProductHuntCard,
-  IndiehackersCard,
-  FreecodecampCard,
   ConferencesCard,
+  DevtoCard,
+  FreecodecampCard,
   GithubCard,
-  MediumCard,
+  HackernewsCard,
   HashnodeCard,
+  IndiehackersCard,
   LobstersCard,
-  DevtoCard,
+  MediumCard,
+  ProductHuntCard,
   RedditCard,
 } from 'src/features/cards'
 import { CardPropsType } from 'src/types'
@@ -32,7 +28,7 @@ export const LS_ANALYTICS_ID_KEY = 'hackerTabAnalyticsId'
 export const name = 'Hackertab.dev'
 export const slogan = '— Stay updated with the new technology and trends'
 export const repository = 'https://github.com/medyo/hackertab.dev'
-export const ref = 'utm_source=hackertab.dev&utm_medium=post&utm_campaign=home'
+export const ref = 'ref=hackertab.dev'
 export const contactEmail = 'hello@hackertab.dev'
 export const maxCardsPerRow = 4
 export const supportLink = 'https://github.com/medyo/hackertab.dev/issues'

src/features/bookmarks/components/BookmarksSidebar.tsx

@@ -1,20 +1,20 @@
-import './Sidebar.css'
-import { VscChromeClose } from 'react-icons/vsc'
-import { TiDelete } from 'react-icons/ti'
 import { HiTicket } from 'react-icons/hi'
-import { SiGithub, SiReddit, SiProducthunt, SiYcombinator } from 'react-icons/si'
+import { SiGithub, SiProducthunt, SiReddit, SiYcombinator } from 'react-icons/si'
+import { TiDelete } from 'react-icons/ti'
+import { VscChromeClose } from 'react-icons/vsc'
 import {
-  ProSidebar,
   Menu,
   MenuItem,
-  SubMenu,
-  SidebarHeader,
+  ProSidebar,
   SidebarContent,
+  SidebarHeader,
+  SubMenu,
 } from 'react-pro-sidebar'
 import 'react-pro-sidebar/dist/css/styles.css'
 import { CardLink } from 'src/components/Elements'
-import { trackLinkUnBookmark, Attributes } from 'src/lib/analytics'
+import { Attributes, trackLinkUnBookmark } from 'src/lib/analytics'
 import { useBookmarks } from 'src/stores/bookmarks'
+import './Sidebar.css'
 
 type BookmarkItemProps = {
   item: {
@@ -24,7 +24,7 @@ type BookmarkItemProps = {
   }
   appendRef?: boolean
 }
-const BookmarkItem = ({ item, appendRef = true }: BookmarkItemProps) => {
+const BookmarkItem = ({ item, appendRef = false }: BookmarkItemProps) => {
   const { unbookmarkPost } = useBookmarks()
   const analyticsAttrs = {
     [Attributes.TRIGERED_FROM]: 'bookmarks',