refactor(DomainsNewManager): integrate LastSaved component and streamline button placement for improved UI consistency and user experience
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m57s

This commit is contained in:
2026-02-16 17:18:24 +07:00
parent 571ec06522
commit cfcb44d5f0
+13 -10
View File
@@ -47,6 +47,7 @@ import FormField from './components/FormField.jsx';
import Tooltip from './components/Tooltip.jsx'; import Tooltip from './components/Tooltip.jsx';
import Pagination from './components/Pagination.jsx'; import Pagination from './components/Pagination.jsx';
import AddItemModal from './components/AddItemModal.jsx'; import AddItemModal from './components/AddItemModal.jsx';
import LastSaved from './components/LastSaved.jsx';
import { useToast } from './components/ToastContainer.jsx'; import { useToast } from './components/ToastContainer.jsx';
const API_URL = '/api'; const API_URL = '/api';
@@ -514,16 +515,8 @@ function DomainsNewManager() {
<PageHeader <PageHeader
title="Домены" title="Домены"
meta={<LastSaved timestamp={lastModified} variant="compact" />}
actions={( actions={(
<div className="d-flex align-items-center gap-2">
<button
className="btn btn-primary"
onClick={() => setAddModalOpen(true)}
title="Добавить новый домен"
>
<IconPlus className="me-1" size={18} />
Добавить
</button>
<PageHeaderActions <PageHeaderActions
loading={loading} loading={loading}
onPreview={handlePreviewDiff} onPreview={handlePreviewDiff}
@@ -540,6 +533,7 @@ function DomainsNewManager() {
onSave={handleSaveChanges} onSave={handleSaveChanges}
disableSave={loading} disableSave={loading}
onHistory={() => setHistoryOpen(true)} onHistory={() => setHistoryOpen(true)}
lastModified={lastModified}
onOnlineUpdate={() => setWsOpen(true)} onOnlineUpdate={() => setWsOpen(true)}
onBackgroundUpdate={async () => { onBackgroundUpdate={async () => {
try { try {
@@ -554,7 +548,6 @@ function DomainsNewManager() {
} }
}} }}
/> />
</div>
)} )}
/> />
@@ -669,6 +662,16 @@ function DomainsNewManager() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-auto">
<button
className="btn btn-primary"
onClick={() => setAddModalOpen(true)}
title="Добавить новый домен"
>
<IconPlus className="me-1" size={18} />
Добавить
</button>
</div>
</div> </div>
</div> </div>
</div> </div>