From 34f473c9352a061942e3a73b0b7fd396b9708590 Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Sat, 28 Feb 2026 00:37:08 +0100
Subject: [PATCH] Fix CreateTaskModal: backlog default, colored status circles

- Default status = backlog (was inheriting column)
- Status buttons with colored circles matching kanban columns
- Same style as priority selector
---
 src/components/CreateTaskModal.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/CreateTaskModal.tsx b/src/components/CreateTaskModal.tsx
index 0f1c93e..32cd9df 100644
--- a/src/components/CreateTaskModal.tsx
+++ b/src/components/CreateTaskModal.tsx
@@ -4,11 +4,11 @@ import type { Task, Member, Label } from "@/lib/api";
 import { createTask, getMembers, getLabels } from "@/lib/api";
 
 const STATUSES = [
-  { key: "backlog", label: "Бэклог" },
-  { key: "todo", label: "To Do" },
-  { key: "in_progress", label: "В работе" },
-  { key: "in_review", label: "Ревью" },
-  { key: "done", label: "Готово" },
+  { key: "backlog", label: "Backlog", color: "#737373" },
+  { key: "todo", label: "TODO", color: "#3b82f6" },
+  { key: "in_progress", label: "In Progress", color: "#f59e0b" },
+  { key: "in_review", label: "Review", color: "#a855f7" },
+  { key: "done", label: "Done", color: "#22c55e" },
 ];
 
 const PRIORITIES = [
@@ -36,7 +36,7 @@ interface Props {
 export default function CreateTaskModal({ projectId, initialStatus, parentId, parentKey, onClose, onCreated }: Props) {
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
-  const [status, setStatus] = useState(initialStatus);
+  const [status, setStatus] = useState(initialStatus || "backlog");
   const [priority, setPriority] = useState("medium");
   const [type, setType] = useState("task");
   const [assigneeId, setAssigneeId] = useState("");
@@ -140,9 +140,10 @@ export default function CreateTaskModal({ projectId, initialStatus, parentId, pa
                   <button
                     key={s.key}
                     onClick={() => setStatus(s.key)}
-                    className={`px-2 py-1 rounded text-xs transition-colors
-                      ${status === s.key ? "bg-[var(--accent)] text-white" : "bg-white/5 text-[var(--muted)] hover:bg-white/10"}`}
+                    className={`flex items-center gap-1 px-2 py-1 rounded text-xs transition-colors
+                      ${status === s.key ? "bg-white/10 text-[var(--fg)]" : "text-[var(--muted)] hover:bg-white/5"}`}
                   >
+                    <span className="w-2 h-2 rounded-full" style={{ background: s.color }} />
                     {s.label}
                   </button>
                 ))}