From 6ddc0dd5b57f0098bae6e241ce18add54833a6b1 Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Fri, 24 Jun 2022 19:08:48 -0400
Subject: [PATCH] fix(striker-ui): hide Link underline and show Link icon

---
 striker-ui/components/Link.tsx | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/striker-ui/components/Link.tsx b/striker-ui/components/Link.tsx
index af4228cf..4dc63eb3 100644
--- a/striker-ui/components/Link.tsx
+++ b/striker-ui/components/Link.tsx
@@ -1,24 +1,39 @@
 import { FC } from 'react';
-import { Link as MUILink, LinkProps as MUILinkProps } from '@mui/material';
+import {
+  Box as MUIBox,
+  Link as MUILink,
+  LinkProps as MUILinkProps,
+} from '@mui/material';
+import { Link as LinkIcon } from '@mui/icons-material';
 
-import { GREY } from '../lib/consts/DEFAULT_THEME';
+import { GREY, TEXT } from '../lib/consts/DEFAULT_THEME';
 
 export type LinkProps = MUILinkProps;
 
 const Link: FC<LinkProps> = ({ children, sx, ...restLinkProps }) => (
   <MUILink
     {...{
-      underline: 'always',
+      underline: 'hover',
       variant: 'subtitle1',
       ...restLinkProps,
       sx: {
-        color: GREY,
+        color: TEXT,
         textDecorationColor: GREY,
+
         ...sx,
       },
     }}
   >
-    {children}
+    <MUIBox
+      sx={{
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'row',
+      }}
+    >
+      {children}
+      <LinkIcon sx={{ marginLeft: '.3em' }} />
+    </MUIBox>
   </MUILink>
 );