From 5cd6f5b96db67e0aad234d95a36e993a3b0b1e97 Mon Sep 17 00:00:00 2001
From: Mikhail Kilin <makilin@sberbank.ru>
Date: Thu, 19 Mar 2026 15:22:37 +0300
Subject: [PATCH] Add delete button to project list on main page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/App.css | 16 ++++++++++++++++
 frontend/src/App.tsx | 10 ++++++++++
 2 files changed, 26 insertions(+)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 3475243..48a5859 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -70,6 +70,22 @@ h2 {
   font-size: 0.85rem;
 }
 
+.project-delete {
+  background: #c0392b;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  padding: 0.2rem 0.5rem;
+  font-size: 0.8rem;
+  cursor: pointer;
+  margin-left: 0.5rem;
+  flex-shrink: 0;
+}
+
+.project-delete:hover {
+  background: #e74c3c;
+}
+
 .back-btn {
   padding: 0.4rem 1rem;
   font-size: 0.9rem;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8a6a4d8..cedc770 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -54,6 +54,16 @@ function ProjectList({
             <span className="project-date">
               {new Date(p.created_at).toLocaleString()}
             </span>
+            <button
+              className="project-delete"
+              onClick={async (e) => {
+                e.stopPropagation();
+                await deleteProject(p.id);
+                await load();
+              }}
+            >
+              X
+            </button>
           </div>
         ))}
       </div>