From dcdcc3829c1e0da6dfc8414e5b9c57d9babc1c4f Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Mon, 7 Jul 2025 13:50:24 +0700
Subject: [PATCH] Refactor: Improve domain list UI with search functionality
 and save button

---
 frontend/src/App.jsx | 34 ++++++++++++++--------------------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 455d4f9..35b04ca 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -109,20 +109,22 @@ function App() {
         </Card>
 
         <Card>
-          <Card.Header as="h5">
-            <Row className="align-items-center">
-              <Col>Список доменов</Col>
-              <Col md={5}>
-                <Form.Control
-                  type="text"
-                  placeholder="Поиск по домену..."
-                  value={searchTerm}
-                  onChange={(e) => setSearchTerm(e.target.value)}
-                />
-              </Col>
-            </Row>
+          <Card.Header>
+            <div className="d-flex justify-content-between align-items-center">
+              <h5 className="mb-0">Список доменов</h5>
+              <Button variant="success" onClick={handleSaveChanges} disabled={domains.length === 0}>
+                Сохранить все изменения в S3
+              </Button>
+            </div>
           </Card.Header>
           <Card.Body>
+            <Form.Control
+              type="text"
+              placeholder="Поиск по домену..."
+              className="mb-3"
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
+            />
             <Table striped bordered hover responsive>
               <thead>
                 <tr>
@@ -153,14 +155,6 @@ function App() {
             {domains.length === 0 && <p className="text-center text-muted">Домены не найдены. Добавьте новый домен в форме выше.</p>}
           </Card.Body>
         </Card>
-        
-        {domains.length > 0 && (
-          <div className="text-center mt-4">
-            <Button variant="success" size="lg" onClick={handleSaveChanges}>
-              Сохранить все изменения в S3
-            </Button>
-          </div>
-        )}
       </Container>
     </>
   )