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

16
app/missions/layout.tsx
View File

@ -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>
</Link>
</nav>
</div>

10
app/missions/page.tsx
View File

@ -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,6 +166,13 @@ 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="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
@ -177,6 +184,7 @@ export default function MissionsPage() {
</div>
</div>
</div>
</div>
<div className="flex-1 overflow-auto bg-gray-50 p-6">
{loading ? (