chore(info): remove portfolio link (one day...) (#72)

tknickman · Feb 27, 2024 · 652c5a4 · 652c5a4
1 parent d781341
commit 652c5a4
Show file tree

Hide file tree

Showing 16 changed files with 120 additions and 64 deletions.
diff --git a/apps/info/components/Item.tsx b/apps/info/components/Item.tsx
@@ -1,8 +1,7 @@
-import { trackGoal } from "fathom-client";
+import { trackEvent } from "fathom-client";
 import clsx from "clsx";
 
 import { LinkItem } from "../config";
-import goals from "../lib/fathomGoals";
 import Anchor from "./Anchor";
 import Button from "./Button";
 
@@ -29,7 +28,7 @@ const Item = ({
     <Element
       href={linkItem.url}
       onClick={() => {
-        trackGoal(goals[`${linkItem.key}Click` as keyof typeof goals], 0);
+        trackEvent(`${linkItem.key}`)
         if (linkItem.key === "portfolio") {
           setShow(true);
         }

diff --git a/apps/info/config.ts b/apps/info/config.ts
@@ -1,5 +1,5 @@
 import {
-  Portfolio,
+  X,
   Email,
   GitHub,
   Instagram,
@@ -29,16 +29,6 @@ type config = {
 
 const config = {
   LINKS: [
-    {
-      name: "Portfolio",
-      key: "portfolio",
-      borderColor: "border-portfolio",
-      textColor: "text-portfolio",
-      ringColor: "focus-within:ring-portfolio",
-      username: "thomasknickman.com",
-      url: `http://www.thomasknickman.com?ref=${REF}`,
-      Icon: Portfolio,
-    },
     {
       name: "LinkedIn",
       key: "linkedin",
@@ -49,6 +39,16 @@ const config = {
       url: "https://www.linkedin.com/in/tknickman/",
       Icon: LinkedIn,
     },
+    {
+      name: "Github",
+      key: "github",
+      borderColor: "border-github",
+      textColor: "text-github",
+      ringColor: "focus-within:ring-github",
+      username: "@tknickman",
+      url: "https://github.com/tknickman/",
+      Icon: GitHub,
+    },
     {
       name: "Instagram",
       key: "instagram",
@@ -60,14 +60,14 @@ const config = {
       Icon: Instagram,
     },
     {
-      name: "Github",
-      key: "github",
-      borderColor: "border-github",
-      textColor: "text-github",
-      ringColor: "focus-within:ring-github",
+      name: "X",
+      key: "x",
+      borderColor: "border-twitter-x dark:border-white",
+      textColor: "text-twitter-x dark:text-white",
+      ringColor: "focus-within:ring-twitter-x",
       username: "@tknickman",
-      url: "https://github.com/tknickman/",
-      Icon: GitHub,
+      url: "https://www.x.com/tknickman/",
+      Icon: X,
     },
     {
       name: "Freelance",

diff --git a/apps/info/lib/fathomGoals.ts b/apps/info/lib/fathomGoals.ts
diff --git a/apps/info/package.json b/apps/info/package.json
@@ -19,7 +19,7 @@
     "@tek/utils": "workspace:*",
     "@vercel/analytics": "^0.1.11",
     "clsx": "^1.2.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "next": "^13.4.4",
     "next-seo": "^5.1.0",
     "react": "^18.2.0",

diff --git a/apps/info/pages/_app.tsx b/apps/info/pages/_app.tsx
@@ -5,13 +5,11 @@ import { useState } from "react";
 import clsx from "clsx";
 import { NextSeo } from "next-seo";
 import Head from "next/head";
-import { trackGoal } from "fathom-client";
 
 // internal
 import { DarkModeToggle, ThemeContext } from "@tek/ui";
 import { getDomains, useFathom } from "@tek/utils";
 
-import goals from "../lib/fathomGoals";
 import tailwind from "../tailwind.config";
 import SEO from "../next-seo.config";
 import { LinkItem } from "../config";
@@ -31,8 +29,6 @@ function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <ThemeContext
-        onSetDarkMode={() => trackGoal(goals.setDarkMode, 0)}
-        onSetLightMode={() => trackGoal(goals.setLightMode, 0)}
         toggleConfig={{
           moonColor: tailwind.theme.extend.colors.primary,
           sunColor: tailwind.theme.extend.colors.primary,

diff --git a/apps/info/tailwind.config.ts b/apps/info/tailwind.config.ts
@@ -5,7 +5,7 @@ const config = {
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",
     "./hooks/**/*.{js,ts,jsx,tsx}",
-    "./config.{js,ts}",
+    "./config.ts",
     "./node_modules/@tek/ui/dist/**/*.{js,mjs,ts,jsx,tsx}",
     "./node_modules/@tek/utils/dist/**/*.{js,mjs,ts,jsx,tsx}",
     "./node_modules/@tek/icons/dist/**/*.{js,mjs,ts,jsx,tsx}",
@@ -18,6 +18,7 @@ const config = {
         dark: colors.gray[900],
         primary: "#F96F5D",
         portfolio: "#5DD39E",
+        "twitter-x": "#000000",
         instagram: "#DD2A7B",
         linkedin: "#0E76A8",
         github: "#6e5494",

diff --git a/apps/parked/package.json b/apps/parked/package.json
@@ -16,7 +16,7 @@
     "@tek/utils": "workspace:*",
     "@vercel/analytics": "^0.1.11",
     "clsx": "^1.2.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "next": "^13.4.4",
     "next-seo": "^5.1.0",
     "react": "^18.2.0",

diff --git a/apps/portfolio/package.json b/apps/portfolio/package.json
@@ -27,7 +27,7 @@
     "@vercel/analytics": "^0.1.11",
     "clsx": "^1.2.0",
     "date-fns": "^2.28.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "framer-motion": "^9.0.4",
     "gray-matter": "^4.0.3",
     "next": "^13.4.4",

diff --git a/apps/share/package.json b/apps/share/package.json
@@ -17,7 +17,7 @@
     "@tek/utils": "workspace:*",
     "@vercel/analytics": "^0.1.11",
     "clsx": "^1.2.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "next": "^13.4.4",
     "next-seo": "^5.1.0",
     "react": "^18.2.0",

diff --git a/apps/teknologist/package.json b/apps/teknologist/package.json
@@ -16,7 +16,7 @@
     "@tek/utils": "workspace:*",
     "@vercel/analytics": "^0.1.11",
     "clsx": "^1.2.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "next": "^13.4.4",
     "next-seo": "^5.1.0",
     "react": "^18.2.0",

diff --git a/apps/wedding/package.json b/apps/wedding/package.json
@@ -24,7 +24,7 @@
     "autoprefixer": "^10.4.7",
     "axios": "^0.27.2",
     "clsx": "^1.2.0",
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "focus-visible": "^5.2.0",
     "framer-motion": "^9.0.4",
     "next": "^13.4.4",

diff --git a/packages/icons/src/X.tsx b/packages/icons/src/X.tsx
@@ -0,0 +1,13 @@
+import Icon, { IconProps } from "./Icon";
+import { fill } from "./helpers";
+
+const X = (props: IconProps) => (
+  <Icon title="X" {...props}>
+    <path
+      fill={fill(props, "#FFFFFF")}
+      d="M23.0218 18.0993L31.8103 8H29.5956L21.9688 16.7649L15.0474 8H7L17.75 21.6136L8.71315 32H10.9278L18.8044 22.9486L25.9526 32H34L23.0218 18.0993ZM10.4364 9.65403H14.2232L30.5636 30.346H26.7768L10.4364 9.65403Z"
+    />
+  </Icon>
+);
+
+export default X;
diff --git a/packages/icons/src/__snapshots__/Icons.test.tsx.snap b/packages/icons/src/__snapshots__/Icons.test.tsx.snap
@@ -1103,3 +1103,22 @@ exports[`<Icon /> Vercel - renders 1`] = `
   </title>
 </svg>
 `;
+
+exports[`<Icon /> X - renders 1`] = `
+<svg
+  class="fill-current"
+  height="40px"
+  version="1.1"
+  viewBox="0 0 40 40"
+  width="40px"
+  x="0px"
+  y="0px"
+>
+  <path
+    d="M23.0218 18.0993L31.8103 8H29.5956L21.9688 16.7649L15.0474 8H7L17.75 21.6136L8.71315 32H10.9278L18.8044 22.9486L25.9526 32H34L23.0218 18.0993ZM10.4364 9.65403H14.2232L30.5636 30.346H26.7768L10.4364 9.65403Z"
+  />
+  <title>
+    X
+  </title>
+</svg>
+`;
diff --git a/packages/icons/src/index.tsx b/packages/icons/src/index.tsx
@@ -29,6 +29,7 @@ import Slack from "./Slack";
 import SQL from "./SQL";
 import Typescript from "./Typescript";
 import Vercel from "./Vercel";
+import X from "./X";
 
 export const All_ICONS = [
   AWS,
@@ -60,6 +61,7 @@ export const All_ICONS = [
   Typescript,
   UnderArmour,
   Vercel,
+  X,
 ];
 
 export type { IconProps };
@@ -94,4 +96,5 @@ export {
   Typescript,
   UnderArmour,
   Vercel,
+  X,
 };
diff --git a/packages/utils/package.json b/packages/utils/package.json
@@ -24,7 +24,7 @@
     "typescript": "^5.0.4"
   },
   "peerDependencies": {
-    "fathom-client": "^3.5.0",
+    "fathom-client": "^3.6.0",
     "jest": "^29.5.0",
     "next": "^13.4.4",
     "react": "^18.2.0"