From 3d77ed6cc7909559c9f4b063f05d6cdbff091eae Mon Sep 17 00:00:00 2001
From: Gilles Soulier <gil.soulier@gmail.com>
Date: Mon, 25 May 2026 14:00:15 +0200
Subject: [PATCH] fix(ui): TopBar visible uniquement sur la page d'accueil

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/layout/Layout.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/layout/Layout.tsx b/frontend/src/components/layout/Layout.tsx
index 0e695ba..b6faf1e 100644
--- a/frontend/src/components/layout/Layout.tsx
+++ b/frontend/src/components/layout/Layout.tsx
@@ -1,5 +1,5 @@
 import type React from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router-dom'
 import BottomNav from './BottomNav'
 import SideNav from './SideNav'
 import { ActionButtonProvider } from '../../contexts/ActionButtonContext'
@@ -72,10 +72,13 @@ function TopBar() {
 }
 
 function AppLayout() {
+  const { pathname } = useLocation()
+  const showTopBar = pathname === '/'
+
   return (
     <ActionButtonProvider>
-      <TopBar />
-      <div style={{ display: 'flex', height: '100dvh', background: 'var(--bg-1)', paddingTop: 44 }}>
+      {showTopBar && <TopBar />}
+      <div style={{ display: 'flex', height: '100dvh', background: 'var(--bg-1)', paddingTop: showTopBar ? 44 : 0 }}>
         <div className="hidden lg:flex" style={{ flexShrink: 0 }}>
           <SideNav />
         </div>