From 310a41d63ee922e591fbcea9306b10b3d00818d6 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sat, 8 Oct 2022 12:51:58 -0500
Subject: [PATCH] Make loan and bet streak links hoverable in notifications

---
 web/components/profile/loans-modal.tsx |  4 ++--
 web/pages/notifications.tsx            | 11 +++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/components/profile/loans-modal.tsx b/web/components/profile/loans-modal.tsx
index 5dcb8b6b..cf138945 100644
--- a/web/components/profile/loans-modal.tsx
+++ b/web/components/profile/loans-modal.tsx
@@ -35,8 +35,8 @@ export function LoansModal(props: {
           </span>
           <span className={'text-indigo-700'}>• What is an example?</span>
           <span className={'ml-2'}>
-            For example, if you bet M$1000 on "Will I become a millionare?"
-            today, you will get M$20 back tomorrow.
+            For example, if you bet M$1000 on "Will I become a millionare?", you
+            will get M$20 back tomorrow.
           </span>
           <span className={'ml-2'}>
             Previous loans count against your total bet amount. So on the next
diff --git a/web/pages/notifications.tsx b/web/pages/notifications.tsx
index aee142cd..34218911 100644
--- a/web/pages/notifications.tsx
+++ b/web/pages/notifications.tsx
@@ -469,8 +469,11 @@ function IncomeNotificationItem(props: {
           simple ? (
             <span className={'ml-1 font-bold'}>🏦 Loan</span>
           ) : (
-            <SiteLink className={'ml-1 font-bold'} href={'/loans'}>
-              🏦 Loan
+            <SiteLink
+              className={'relative ml-1 font-bold'}
+              href={`/${sourceUserUsername}/?show=loans`}
+            >
+              🏦 Loan <span className="font-normal">(learn more)</span>
             </SiteLink>
           )
         ) : sourceType === 'betting_streak_bonus' ? (
@@ -478,8 +481,8 @@ function IncomeNotificationItem(props: {
             <span className={'ml-1 font-bold'}>{bettingStreakText}</span>
           ) : (
             <SiteLink
-              className={'ml-1 font-bold'}
-              href={'/betting-streak-bonus'}
+              className={'relative ml-1 font-bold'}
+              href={`/${sourceUserUsername}/?show=betting-streak`}
             >
               {bettingStreakText}
             </SiteLink>