From fc8487dca07e2c0e2f209f6b7c0aa661fc9271a6 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Fri, 19 Aug 2022 16:00:40 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=F0=9F=94=A5=F0=9F=94=A5?=
 =?UTF-8?q?=F0=9F=94=A5=F0=9F=94=A5=F0=9F=94=A5=F0=9F=94=A5=F0=9F=94=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/components/nav/nav-bar.tsx      | 22 +++++++++++++++-------
 web/components/nav/profile-menu.tsx | 10 +++++++++-
 web/components/user-page.tsx        |  2 +-
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/web/components/nav/nav-bar.tsx b/web/components/nav/nav-bar.tsx
index 680b8946..23d2f3c0 100644
--- a/web/components/nav/nav-bar.tsx
+++ b/web/components/nav/nav-bar.tsx
@@ -19,6 +19,7 @@ import { useIsIframe } from 'web/hooks/use-is-iframe'
 import { trackCallback } from 'web/lib/service/analytics'
 import { useUnseenPreferredNotifications } from 'web/hooks/use-notifications'
 import { PrivateUser } from 'common/user'
+import { Row } from 'web/components/layout/row'
 
 function getNavigation() {
   return [
@@ -69,13 +70,20 @@ export function BottomNavBar() {
             trackingEventName: 'profile',
             href: `/${user.username}?tab=bets`,
             icon: () => (
-              <Avatar
-                className="mx-auto my-1"
-                size="xs"
-                username={user.username}
-                avatarUrl={user.avatarUrl}
-                noLink
-              />
+              <Row className={'flex-wrap items-center justify-center'}>
+                <Avatar
+                  className="my-1"
+                  size="xs"
+                  username={user.username}
+                  avatarUrl={user.avatarUrl}
+                  noLink
+                />
+                {user.currentBettingStreak && user.currentBettingStreak > 0 && (
+                  <div className={'absolute ml-14 mb-3 text-xs'}>
+                    <span>🔥{user.currentBettingStreak}</span>
+                  </div>
+                )}
+              </Row>
             ),
           }}
         />
diff --git a/web/components/nav/profile-menu.tsx b/web/components/nav/profile-menu.tsx
index 9e869c40..8eeac832 100644
--- a/web/components/nav/profile-menu.tsx
+++ b/web/components/nav/profile-menu.tsx
@@ -4,6 +4,7 @@ import { User } from 'web/lib/firebase/users'
 import { formatMoney } from 'common/util/format'
 import { Avatar } from '../avatar'
 import { trackCallback } from 'web/lib/service/analytics'
+import { Row } from 'web/components/layout/row'
 
 export function ProfileSummary(props: { user: User }) {
   const { user } = props
@@ -17,7 +18,14 @@ export function ProfileSummary(props: { user: User }) {
 
         <div className="truncate">
           <div>{user.name}</div>
-          <div className="text-sm">{formatMoney(Math.floor(user.balance))}</div>
+          <Row className="gap-1 text-sm">
+            {formatMoney(Math.floor(user.balance))}
+            {user.currentBettingStreak && user.currentBettingStreak > 0 && (
+              <div className={'mt-0.5 text-xs'}>
+                <span>🔥{user.currentBettingStreak}</span>
+              </div>
+            )}
+          </Row>
         </div>
       </a>
     </Link>
diff --git a/web/components/user-page.tsx b/web/components/user-page.tsx
index 407983fc..b06b1066 100644
--- a/web/components/user-page.tsx
+++ b/web/components/user-page.tsx
@@ -124,7 +124,7 @@ export function UserPage(props: { user: User }) {
         </div>
 
         {/* Top right buttons (e.g. edit, follow) */}
-        <div className="absolute right-0 top-0 mt-2 mr-4">
+        <div className="absolute right-0 top-0 mt-1 mr-4">
           {!isCurrentUser && <UserFollowButton userId={user.id} />}
           {isCurrentUser && (
             <SiteLink className="sm:btn-md btn-sm btn" href="/profile">