From d1dcc5c071dd613182c66746baef96e9e86ff142 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 24 Mar 2026 20:52:49 +0200
Subject: [PATCH] Show 8 friends on mobile instead of 4

---
 app/components/layout/index.tsx             | 6 +++++-
 app/features/sidebar/core/sidebar.server.ts | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/layout/index.tsx b/app/components/layout/index.tsx
index 7f48d0245..46fe2480e 100644
--- a/app/components/layout/index.tsx
+++ b/app/components/layout/index.tsx
@@ -52,6 +52,8 @@ import notificationPopoverStyles from "./NotificationPopover.module.css";
 import { TopNavMenus } from "./TopNavMenus";
 import { TopRightButtons } from "./TopRightButtons";
 
+const MAX_DESKTOP_FRIENDS = 4;
+
 function useTimeFormat() {
 	const { i18n } = useTranslation();
 
@@ -310,7 +312,9 @@ export function Layout({
 				{t("front:sideNav.friends")}
 			</SideNavHeader>
 			{friends.length > 0 ? (
-				friends.map((friend) => <FriendMenu key={friend.id} {...friend} />)
+				friends
+					.slice(0, MAX_DESKTOP_FRIENDS)
+					.map((friend) => <FriendMenu key={friend.id} {...friend} />)
 			) : (
 				<div className={styles.sideNavEmpty}>
 					{user
diff --git a/app/features/sidebar/core/sidebar.server.ts b/app/features/sidebar/core/sidebar.server.ts
index 2fe80e613..c3fb36b52 100644
--- a/app/features/sidebar/core/sidebar.server.ts
+++ b/app/features/sidebar/core/sidebar.server.ts
@@ -52,7 +52,7 @@ export type SidebarFriend = {
 };
 
 const MAX_EVENTS_VISIBLE = 5;
-const MAX_FRIENDS_VISIBLE = 4;
+const MAX_FRIENDS_VISIBLE = 8;
 const MAX_STREAMS_VISIBLE = 5;
 const UPCOMING_TOURNAMENT_WINDOW_DAYS = 3;
 const SENDOUQ_QUOTA = 2;