From acf7ee49aa286cf159aa7191bf521ba4bb93e799 Mon Sep 17 00:00:00 2001
From: dmitriylaukhin <laukhin@dementiy.com>
Date: Tue, 19 May 2026 18:01:27 +0500
Subject: [PATCH] Replace single-line reply input with resizable textarea in
 QuestionSplitView

---
 .../questions/QuestionSplitView.tsx           | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/components/questions/QuestionSplitView.tsx b/src/components/questions/QuestionSplitView.tsx
index 492e5ee..0a7d5bf 100644
--- a/src/components/questions/QuestionSplitView.tsx
+++ b/src/components/questions/QuestionSplitView.tsx
@@ -323,11 +323,10 @@ export function QuestionSplitView({ currentUserId }: { currentUserId: string })
               style={{ borderTop: "1px solid var(--border)" }}
             >
               <div
-                className="flex gap-2"
+                className="flex flex-col gap-2"
                 style={{ opacity: detail.status === "CLOSED" ? 0.5 : 1 }}
               >
-                <input
-                  type="text"
+                <textarea
                   value={replyText}
                   onChange={(e) => setReplyText(e.target.value)}
                   onKeyDown={(e) => {
@@ -340,26 +339,29 @@ export function QuestionSplitView({ currentUserId }: { currentUserId: string })
                   placeholder={
                     detail.status === "CLOSED" ? "Вопрос закрыт" : "Написать ответ..."
                   }
-                  className="flex-1 text-sm px-3 py-2 outline-none"
+                  rows={4}
+                  className="w-full text-sm px-3 py-2 outline-none resize-y"
                   style={{
                     border: "1px solid var(--border)",
                     background: "var(--background)",
                     color: "var(--foreground)",
                   }}
                 />
-                <button
-                  onClick={handleReply}
-                  disabled={sending || !replyText.trim() || detail.status === "CLOSED"}
-                  className="text-xs font-bold px-4 py-2"
-                  style={{
-                    background: "var(--foreground)",
-                    color: "var(--background)",
-                    border: "none",
-                    opacity: sending ? 0.6 : 1,
-                  }}
-                >
-                  {sending ? "..." : "Отправить"}
-                </button>
+                <div className="flex justify-end">
+                  <button
+                    onClick={handleReply}
+                    disabled={sending || !replyText.trim() || detail.status === "CLOSED"}
+                    className="text-xs font-bold px-4 py-2"
+                    style={{
+                      background: "var(--foreground)",
+                      color: "var(--background)",
+                      border: "none",
+                      opacity: sending || !replyText.trim() ? 0.5 : 1,
+                    }}
+                  >
+                    {sending ? "..." : "Отправить →"}
+                  </button>
+                </div>
               </div>
               {error && (
                 <p className="text-xs mt-1" style={{ color: "var(--destructive)" }}>