From 1bd538b6b4b96345f3af94df095cac8dca54df75 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 14 Nov 2022 03:00:05 -0800
Subject: [PATCH] Update text for link styles

---
 src/renderer/components/text/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/text/index.tsx b/src/renderer/components/text/index.tsx
index 96e009a9f..bd37fcabe 100644
--- a/src/renderer/components/text/index.tsx
+++ b/src/renderer/components/text/index.tsx
@@ -4,6 +4,7 @@ import {
   Text as MantineText,
   TextProps as MantineTextProps,
 } from '@mantine/core';
+import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { Font, textEllipsis } from '@/renderer/styles';
 
@@ -24,7 +25,7 @@ const BaseText = styled(MantineText)<TextProps>`
   color: ${(props) =>
     props.$secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'};
   font-family: ${(props) => props.font};
-  cursor: default;
+  cursor: ${(props) => (props.$link ? 'cursor' : 'default')};
   user-select: ${(props) => (props.$noSelect ? 'none' : 'auto')};
   ${(props) => props.overflow === 'hidden' && textEllipsis}
 
@@ -45,6 +46,7 @@ export const _Text = ({
 }: TextProps) => {
   return (
     <StyledText
+      $link={rest.component === Link}
       $noSelect={$noSelect}
       $secondary={$secondary}
       font={font}