مشروع React تطبيقي

// Enhanced TaskInput with categories and priorities
function TaskInput() {
  const [text, setText] = useState("");
  const [category, setCategory] = useState("personal");
  const [priority, setPriority] = useState("medium");
  const { addTask } = useTasks();

  function handleSubmit(e) {
    e.preventDefault();
    if (!text.trim()) return;
    addTask({ text: text.trim(), category, priority });
    setText("");
  }

  return (
    <form onSubmit={handleSubmit}>
      <input value={text} onChange={e => setText(e.target.value)} placeholder="مهمة جديدة..." />
      <select value={category} onChange={e => setCategory(e.target.value)}>
        <option value="work">عمل</option>
        <option value="personal">شخصي</option>
        <option value="study">دراسة</option>
      </select>
      <select value={priority} onChange={e => setPriority(e.target.value)}>
        <option value="high">عالية</option>
        <option value="medium">متوسطة</option>
        <option value="low">منخفضة</option>
      </select>
      <button type="submit">إضافة</button>
    </form>
  );
}