From 0cf5035a3e74c68fef3c325e1424c0959e11851f Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Fri, 9 Jan 2026 15:40:29 +0100
Subject: [PATCH] Mission Refactor Big

---
 app/missions/page.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/missions/page.tsx b/app/missions/page.tsx
index 90d8dba8..af9b98cd 100644
--- a/app/missions/page.tsx
+++ b/app/missions/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { Search } from "lucide-react";
+import { Search, Lock } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
@@ -35,6 +35,8 @@ interface Mission {
   creator: User;
   missionUsers: MissionUser[];
   intention?: string;
+  isClosed?: boolean;
+  closedAt?: string;
 }
 
 export default function MissionsPage() {
@@ -195,7 +197,14 @@ export default function MissionsPage() {
                 const niveauColor = getNiveauBadgeColor(mission.niveau);
                 
                 return (
-                  <div key={mission.id} className="bg-white shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-200 overflow-hidden h-full rounded-lg flex flex-col">
+                  <div key={mission.id} className={`bg-white shadow-sm hover:shadow-md transition-shadow duration-200 border overflow-hidden h-full rounded-lg flex flex-col relative ${mission.isClosed ? 'border-amber-300' : 'border-gray-200'}`}>
+                    {/* Closed Badge */}
+                    {mission.isClosed && (
+                      <div className="absolute top-0 right-0 bg-amber-500 text-white text-xs font-medium px-3 py-1 rounded-bl-lg flex items-center gap-1 z-10">
+                        <Lock className="h-3 w-3" />
+                        Clôturée
+                      </div>
+                    )}
                     {/* Card Header with Name and Level */}
                     <div className="px-5 pt-4 pb-3 flex justify-between items-center border-b border-gray-100">
                       <h2 className="text-base font-medium text-gray-900 line-clamp-2 flex-1">{mission.name}</h2>