Fix link component

Hurtak · Sep 23, 2023 · 26bf95a · 26bf95a
1 parent 136948f
commit 26bf95a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/base/link.tsx b/src/components/base/link.tsx
@@ -1,3 +1,4 @@
+import cn from "clsx";
 import NextLink from "next/link"; // eslint-disable-line no-restricted-imports
 import { ReactNode } from "react";
 
@@ -26,7 +27,7 @@ export const Link = ({
     <>
       <NextLink
         href={hrefNormalized}
-        className={className}
+        className={cn("link", className)}
         {...(openToNewTab && {
           rel: "noopener noreferrer",
           target: "_blank",
@@ -35,15 +36,15 @@ export const Link = ({
         {children}
       </NextLink>
 
-      <style jsx>{`
-        a {
+      <style jsx global>{`
+        a.link {
           display: inline-flex;
           color: ${colors.blue};
           text-decoration-thickness: ${pxCss(0.5)};
           text-underline-offset: ${pxCss(1)};
         }
         a:visited {
-          color: ${colors.blue};
+          color: ${colors.purple};
         }
       `}</style>
     </>

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -13,4 +13,5 @@ export const colors = {
   gray: "#f3f3f3",
 
   blue: "blue",
+  purple: "purple",
 };