44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { ArrowLeft } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
import { MissionsAdminPanel } from "@/components/missions/missions-admin-panel";
|
|
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "@/components/ui/breadcrumb";
|
|
|
|
export default function NewMissionPage() {
|
|
return (
|
|
<div className="flex flex-col h-full w-full bg-white">
|
|
<div className="bg-gray-50 px-4 py-2 border-b border-gray-200">
|
|
<Breadcrumb>
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink asChild>
|
|
<Link href="/missions">Missions</Link>
|
|
</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink>Poster une Mission</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
</Breadcrumb>
|
|
|
|
<div className="flex items-center mt-2">
|
|
<Link href="/missions">
|
|
<Button variant="ghost" size="sm" className="mr-4">
|
|
<ArrowLeft className="h-4 w-4 mr-2" />
|
|
Retour
|
|
</Button>
|
|
</Link>
|
|
<h1 className="text-lg font-medium">Poster une Nouvelle Mission</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex-1 overflow-auto p-4">
|
|
<MissionsAdminPanel />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|