alma/NeahStable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Groups ui team ui

Browse Source
This commit is contained in:
alma 2026-01-11 22:06:42 +01:00
parent 33b370e546
commit 45a47c40b7
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/missions/layout.tsx
View File

@ -39,21 +39,13 @@ export default function MissionsLayout({
</div> </div>
</Link> </Link>
{/* Missions with button */} {/* Missions link */}
<div className={`px-6 py-[10px] ${isMissionsPage ? "bg-white" : ""} hover:bg-white transition-colors`}> <Link href="/missions" passHref>
<Link href="/missions" className="flex items-center gap-2 mb-2"> <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" /> <FolderKanban className="h-4 w-4 text-gray-600" />
<span className="text-sm font-normal text-gray-700">Missions</span> <span className="text-sm font-normal text-gray-700">Missions</span>
</Link> </div>
<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>
</nav> </nav>
</div> </div>

26
app/missions/page.tsx
View File

@ -1,7 +1,7 @@
"use client"; "use client";
import { useState, useEffect } from "react"; 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 { Input } from "@/components/ui/input";
import Link from "next/link"; import Link from "next/link";
import { Button } from "@/components/ui/button"; 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="bg-white border-b border-gray-100 py-3 px-6">
<div className="flex items-center justify-between"> <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> <h1 className="text-gray-800 text-base font-medium">Gérez vos missions et opportunités de bénévolat</h1>
<div className="relative"> <div className="flex items-center gap-3">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" /> <Link href="/missions/new">
<Input <Button size="sm" className="h-9 bg-blue-600 hover:bg-blue-700 text-white">
placeholder="Rechercher une mission..." <Plus className="h-4 w-4 mr-2" />
className="h-9 pl-9 pr-3 py-2 text-sm bg-white text-gray-800 border-gray-200 rounded-md w-60" Nouvelle Mission
value={searchTerm} </Button>
onChange={(e) => setSearchTerm(e.target.value)} </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> </div>
</div> </div>