From 4d1ff67cd7e89c8100ca27bef8752866f2a7b941 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sat, 18 Apr 2026 18:01:08 +0200
Subject: [PATCH] Properly hide admin button when user is not admin (#1465)

---
 front/src/app/(app)/(tabs)/_layout.tsx       |  4 +++-
 front/src/app/(app)/(tabs)/admin/_layout.tsx |  3 ---
 front/src/ui/navbar.tsx                      | 19 +++++++++++--------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/front/src/app/(app)/(tabs)/_layout.tsx b/front/src/app/(app)/(tabs)/_layout.tsx
index e6f55cf6..168748dc 100644
--- a/front/src/app/(app)/(tabs)/_layout.tsx
+++ b/front/src/app/(app)/(tabs)/_layout.tsx
@@ -2,6 +2,7 @@ import { Slot } from "expo-router";
 import { NativeTabs } from "expo-router/unstable-native-tabs";
 import { useTranslation } from "react-i18next";
 import { Platform } from "react-native";
+import { useAccount } from "~/providers/account-context";
 
 export const unstable_settings = {
 	initialRouteName: "index",
@@ -9,6 +10,7 @@ export const unstable_settings = {
 
 export default function TabsLayout() {
 	const { t } = useTranslation();
+	const account = useAccount();
 
 	if (Platform.OS === "web") return <Slot />;
 
@@ -39,7 +41,7 @@ export default function TabsLayout() {
 					{t("navbar.profile")}
 				</NativeTabs.Trigger.Label>
 			</NativeTabs.Trigger>
-			<NativeTabs.Trigger name="admin">
+			<NativeTabs.Trigger name="admin" hidden={!account?.isAdmin}>
 				<NativeTabs.Trigger.Icon
 					sf={{ default: "person.3", selected: "person.3.fill" }}
 					md="admin_panel_settings"
diff --git a/front/src/app/(app)/(tabs)/admin/_layout.tsx b/front/src/app/(app)/(tabs)/admin/_layout.tsx
index 19333aa1..7943079b 100644
--- a/front/src/app/(app)/(tabs)/admin/_layout.tsx
+++ b/front/src/app/(app)/(tabs)/admin/_layout.tsx
@@ -58,9 +58,6 @@ export default function AdminTabsLayout() {
 				tabBarStyle: {
 					backgroundColor: accent as string,
 					borderBottomColor: borderColor as string,
-					borderBottomWidth: 1,
-					elevation: 0,
-					shadowOpacity: 0,
 				},
 				tabBarIndicatorStyle: {
 					backgroundColor: activeColor as string,
diff --git a/front/src/ui/navbar.tsx b/front/src/ui/navbar.tsx
index 53556f27..ec089f93 100644
--- a/front/src/ui/navbar.tsx
+++ b/front/src/ui/navbar.tsx
@@ -51,6 +51,7 @@ import { cn, useQueryState } from "~/utils";
 
 export const NavbarLeft = () => {
 	const { t } = useTranslation();
+	const account = useAccount();
 
 	if (Platform.OS !== "web") return <NavbarTitle />;
 
@@ -63,14 +64,16 @@ export const NavbarLeft = () => {
 				label={t("navbar.profile")}
 				icon={Person}
 			/>
-			<Menu Trigger={NavbarLink} label={t("navbar.admin")} icon={Admin}>
-				<Menu.Item
-					label={t("admin.unmatched.label")}
-					icon={Search}
-					href="/admin/unmatched"
-				/>
-				<Menu.Item label="Users" icon={Admin} href="/admin/users" />
-			</Menu>
+			{account?.isAdmin && (
+				<Menu Trigger={NavbarLink} label={t("navbar.admin")} icon={Admin}>
+					<Menu.Item
+						label={t("admin.unmatched.label")}
+						icon={Search}
+						href="/admin/unmatched"
+					/>
+					<Menu.Item label="Users" icon={Admin} href="/admin/users" />
+				</Menu>
+			)}
 		</View>
 	);
 };