From 45a47c40b7f8c2b69b7cfea83deb5ff24be73f07 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sun, 11 Jan 2026 22:06:42 +0100
Subject: [PATCH] Groups ui team ui

---
 app/missions/layout.tsx | 18 +++++-------------
 app/missions/page.tsx   | 26 +++++++++++++++++---------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/app/missions/layout.tsx b/app/missions/layout.tsx
index 374238e..304a1f0 100644
--- a/app/missions/layout.tsx
+++ b/app/missions/layout.tsx
@@ -39,21 +39,13 @@ export default function MissionsLayout({
               </div>
             </Link>
             
-            {/* Missions with button */}
-            <div className={`px-6 py-[10px] ${isMissionsPage ? "bg-white" : ""} hover:bg-white transition-colors`}>
-              <Link href="/missions" className="flex items-center gap-2 mb-2">
+            {/* Missions link */}
+            <Link href="/missions" passHref>
+              <div className={`px-6 py-[10px] flex items-center gap-2 ${isMissionsPage ? "bg-white" : ""} hover:bg-white transition-colors cursor-pointer`}>
                 <FolderKanban className="h-4 w-4 text-gray-600" />
                 <span className="text-sm font-normal text-gray-700">Missions</span>
-              </Link>
-              <Link 
-                href="/missions/new" 
-                className="w-full flex items-center justify-center gap-2 px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-md transition-colors"
-                title="Nouvelle Mission"
-              >
-                <Plus className="h-4 w-4" />
-                <span>Nouvelle Mission</span>
-              </Link>
-            </div>
+              </div>
+            </Link>
           </nav>
         </div>
         
diff --git a/app/missions/page.tsx b/app/missions/page.tsx
index 39397ae..300d1aa 100644
--- a/app/missions/page.tsx
+++ b/app/missions/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { Search, Lock } from "lucide-react";
+import { Search, Lock, Plus } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
@@ -166,14 +166,22 @@ export default function MissionsPage() {
       <div className="bg-white border-b border-gray-100 py-3 px-6">
         <div className="flex items-center justify-between">
           <h1 className="text-gray-800 text-base font-medium">Gérez vos missions et opportunités de bénévolat</h1>
-          <div className="relative">
-            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" />
-            <Input
-              placeholder="Rechercher une mission..."
-              className="h-9 pl-9 pr-3 py-2 text-sm bg-white text-gray-800 border-gray-200 rounded-md w-60"
-              value={searchTerm}
-              onChange={(e) => setSearchTerm(e.target.value)}
-            />
+          <div className="flex items-center gap-3">
+            <Link href="/missions/new">
+              <Button size="sm" className="h-9 bg-blue-600 hover:bg-blue-700 text-white">
+                <Plus className="h-4 w-4 mr-2" />
+                Nouvelle Mission
+              </Button>
+            </Link>
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" />
+              <Input
+                placeholder="Rechercher une mission..."
+                className="h-9 pl-9 pr-3 py-2 text-sm bg-white text-gray-800 border-gray-200 rounded-md w-60"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+              />
+            </div>
           </div>
         </div>
       </div>