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 && (