Merge branch 'master' of github.com:imteekay/tk

imteekay · Sep 26, 2023 · be4740a · be4740a
2 parents ea22995 + 308d203
commit be4740a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/Base/Article/Layout/Footer/Footer.tsx b/Base/Article/Layout/Footer/Footer.tsx
@@ -15,7 +15,6 @@ type FooterPropTypes = {
 export const Footer: FC<FooterPropTypes> = ({ tags }) => (
   <>
     <SubstackEmbed />
-
     <div
       className={css`
         display: flex;

diff --git a/Base/components/Footer/Footer.tsx b/Base/components/Footer/Footer.tsx
@@ -1,6 +1,17 @@
 /* eslint-disable @next/next/no-html-link-for-pages */
 import Link from 'next/link';
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
+
+interface NewTabLinkProps {
+  children: ReactNode;
+  href: string;
+}
+
+const NewTabLink = ({ children, href }: NewTabLinkProps) => (
+  <a href={href} target="_blank" rel="noopener noreferrer">
+    {children}
+  </a>
+);
 
 export const Footer: FC = () => (
   <footer id="footer" className="footer">
@@ -14,24 +25,18 @@ export const Footer: FC = () => (
             <Link href="/">Home</Link>
           </li>
           <li>
-            <a href="/writings">Writing</a>
+            <Link href="/writings">Writing</Link>
           </li>
           <li>
-            <a href="/support">Support</a>
+            <Link href="/support">Support</Link>
           </li>
           <li>
-            <a
-              href="https://github.com/imteekay"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Projects
-            </a>
+            <NewTabLink href="https://github.com/imteekay/iamtk.co">
+              Code
+            </NewTabLink>
           </li>
           <li>
-            <a href="/rss.xml" target="_blank" rel="noopener noreferrer">
-              RSS
-            </a>
+            <NewTabLink href="/rss.xml">RSS</NewTabLink>
           </li>
         </ul>
       </nav>