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: () => ( - + + + {user.currentBettingStreak && user.currentBettingStreak > 0 && ( +
+ 🔥{user.currentBettingStreak} +
+ )} +
), }} /> 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 }) {
{user.name}
-
{formatMoney(Math.floor(user.balance))}
+ + {formatMoney(Math.floor(user.balance))} + {user.currentBettingStreak && user.currentBettingStreak > 0 && ( +
+ 🔥{user.currentBettingStreak} +
+ )} +
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 }) { {/* Top right buttons (e.g. edit, follow) */} -
+
{!isCurrentUser && } {isCurrentUser && (