feat: Messagerie WIP [#17]

Front-End/src/components/Admin/AnnouncementScheduler.js

@@ -0,0 +1,52 @@
+'use client';
+import React, { useState } from 'react';
+
+export default function AnnouncementScheduler({ csrfToken }) {
+  const [title, setTitle] = useState('');
+  const [date, setDate] = useState('');
+  const [message, setMessage] = useState('');
+
+  const handleSchedule = () => {
+    // Logique pour planifier une annonce
+    console.log('Annonce planifiée:', { title, date, message });
+  };
+
+  return (
+    <div className="p-4 bg-white rounded shadow">
+      <h2 className="text-xl font-bold mb-4">Planifier une Annonce</h2>
+      <div className="mb-4">
+        <label className="block font-medium">Titre</label>
+        <input
+          type="text"
+          value={title}
+          onChange={(e) => setTitle(e.target.value)}
+          className="w-full p-2 border rounded"
+        />
+      </div>
+      <div className="mb-4">
+        <label className="block font-medium">Date</label>
+        <input
+          type="date"
+          value={date}
+          onChange={(e) => setDate(e.target.value)}
+          className="w-full p-2 border rounded"
+        />
+      </div>
+      <div className="mb-4">
+        <label className="block font-medium">Message</label>
+        <textarea
+          value={message}
+          onChange={(e) => setMessage(e.target.value)}
+          className="w-full p-2 border rounded"
+          rows="5"
+        />
+      </div>
+      <button
+        onClick={handleSchedule}
+        className="bg-blue-500 text-white px-4 py-2 rounded"
+      >
+        Planifier
+      </button>
+    </div>
+  );
+}