refactor(CommunitiesManager): simplify layout structure and enhance notification handling for improved user experience
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m49s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m49s
This commit is contained in:
@@ -350,7 +350,7 @@ function CommunitiesManager() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="page-wrapper">
|
<div>
|
||||||
<PageHeader
|
<PageHeader
|
||||||
title="Справочник Community"
|
title="Справочник Community"
|
||||||
icon={<IconFilter size={24} />}
|
icon={<IconFilter size={24} />}
|
||||||
@@ -368,8 +368,6 @@ function CommunitiesManager() {
|
|||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="page-body">
|
|
||||||
<div className="container-xl">
|
|
||||||
{/* Уведомления */}
|
{/* Уведомления */}
|
||||||
{error && (
|
{error && (
|
||||||
<ErrorAlert message={error} onClose={() => setError('')} onRetry={fetchItems} />
|
<ErrorAlert message={error} onClose={() => setError('')} onRetry={fetchItems} />
|
||||||
@@ -389,7 +387,7 @@ function CommunitiesManager() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Вкладки: Список / Статистика в стиле Tabler */}
|
{/* Вкладки: Список / Статистика в стиле Tabler */}
|
||||||
<div className="card mb-3">
|
<div className="card card-flat mb-3">
|
||||||
<div className="card-header border-0 pb-0">
|
<div className="card-header border-0 pb-0">
|
||||||
<ul className="nav nav-tabs card-header-tabs" role="tablist">
|
<ul className="nav nav-tabs card-header-tabs" role="tablist">
|
||||||
<li className="nav-item" role="presentation">
|
<li className="nav-item" role="presentation">
|
||||||
@@ -423,9 +421,7 @@ function CommunitiesManager() {
|
|||||||
|
|
||||||
{/* Отображение списка communities */}
|
{/* Отображение списка communities */}
|
||||||
{activeTab === 'list' && (
|
{activeTab === 'list' && (
|
||||||
<div className="row g-3">
|
<div className="card card-flat">
|
||||||
<div className="col-12">
|
|
||||||
<div className="card">
|
|
||||||
<div className="card-header">
|
<div className="card-header">
|
||||||
<div className="row align-items-center w-100 g-2">
|
<div className="row align-items-center w-100 g-2">
|
||||||
<div className="col">
|
<div className="col">
|
||||||
@@ -628,16 +624,12 @@ function CommunitiesManager() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Отображение статистики communities */}
|
{/* Отображение статистики communities */}
|
||||||
{activeTab === 'stats' && (
|
{activeTab === 'stats' && (
|
||||||
<CommunityStats communities={items} />
|
<CommunityStats communities={items} />
|
||||||
)}
|
)}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* Модальное окно добавления */}
|
{/* Модальное окно добавления */}
|
||||||
<FormModal
|
<FormModal
|
||||||
show={addModalOpen}
|
show={addModalOpen}
|
||||||
|
|||||||
Reference in New Issue
Block a user