KRBL/WhiteNightsAdminPanel
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add annotation for action buttons and double click for user list page

Browse Source
This commit is contained in:
Илья Куприец
2026-05-19 13:47:36 +03:00
parent a997cdb198
commit fbf6b0dc9d
13 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/Article/ArticleListPage/index.tsx
View File

@@ -55,11 +55,12 @@ export const ArticleListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/article/${params.row.id}`)}>
<button title="Просмотр" onClick={() => navigate(`/article/${params.row.id}`)}>
<Eye size={20} className="text-green-500" />
</button>
{canWriteArticles && (
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

3
src/pages/Carrier/CarrierListPage/index.tsx
View File

@@ -98,10 +98,11 @@ export const CarrierListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/carrier/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/carrier/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

3
src/pages/City/CityListPage/index.tsx
View File

@@ -119,10 +119,11 @@ export const CityListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/city/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/city/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
<button
title="Удалить"
onClick={(e) => {
e.stopPropagation();
setIsDeleteModalOpen(true);

3
src/pages/Media/MediaListPage/index.tsx
View File

@@ -78,11 +78,12 @@ export const MediaListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/media/${params.row.id}`)}>
<button title="Просмотр" onClick={() => navigate(`/media/${params.row.id}`)}>
<Eye size={20} className="text-green-500" />
</button>
{canWriteMedia && (
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

7
src/pages/Route/RouteListPage/index.tsx
View File

@@ -178,22 +178,23 @@ export const RouteListPage = observer(() => {
return (
<div className="flex h-full gap-7 justify-center items-center">
{canWriteRoutes && (
<button onClick={() => navigate(`/route/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/route/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
)}
{canShowRoutePreview && (
<button onClick={() => navigate(`/route-preview/${params.row.id}`)}>
<button title="Предпросмотр на карте" onClick={() => navigate(`/route-preview/${params.row.id}`)}>
<Map size={20} className="text-purple-500" />
</button>
)}
{canShowRoutePreview && (
<button onClick={() => window.open(`/demo/${params.row.id}`, "_blank")}>
<button title="Демо" onClick={() => window.open(`/demo/${params.row.id}`, "_blank")}>
<Monitor size={20} className="text-green-500" />
</button>
)}
{canWriteRoutes && (
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

3
src/pages/Sight/SightListPage/index.tsx
View File

@@ -105,10 +105,11 @@ export const SightListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/sight/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/sight/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

2
src/pages/Snapshot/SnapshotListPage/index.tsx
View File

@@ -137,6 +137,7 @@ export const SnapshotListPage = observer(() => {
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button
title="Восстановить"
onClick={() => {
setIsRestoreModalOpen(true);
setRowId(params.row.id);
@@ -145,6 +146,7 @@ export const SnapshotListPage = observer(() => {
<DatabaseBackup size={20} className="text-blue-500" />
</button>
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

5
src/pages/Station/StationListPage/index.tsx
View File

@@ -141,7 +141,7 @@ export const StationListPage = observer(() => {
return (
<div className="flex h-full gap-7 justify-center items-center">
{canWriteStations && (
<button onClick={() => navigate(`/station/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/station/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
)}
@@ -151,13 +151,14 @@ export const StationListPage = observer(() => {
setSelectedStationId(params.row.id);
setIsTransfersModalOpen(true);
}}
title="Редактировать пересадки"
title="Управление пересадками"
>
<Route size={20} className="text-purple-500" />
</button>
)}
{canWriteStations && (
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);

8
src/pages/User/UserListPage/index.tsx
View File

@@ -92,10 +92,11 @@ export const UserListPage = observer(() => {
sortable: false,
renderCell: (params: GridRenderCellParams) => (
<div className="flex h-full gap-7 justify-center items-center">
<button onClick={() => navigate(`/user/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/user/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);
@@ -154,6 +155,11 @@ export const UserListPage = observer(() => {
checkboxSelection={canWriteUsers}
disableRowSelectionExcludeModel
disableRowSelectionOnClick
onRowDoubleClick={(params) => {
if (canWriteUsers) {
navigate(`/user/${params.row.id}/edit`);
}
}}
loading={isLoading}
paginationModel={paginationModel}
onPaginationModelChange={setPaginationModel}

5
src/pages/Vehicle/VehicleListPage/index.tsx
View File

@@ -115,15 +115,16 @@ export const VehicleListPage = observer(() => {
return (
<div className="flex h-full gap-7 justify-center items-center">
{canWrite && (
<button onClick={() => navigate(`/vehicle/${params.row.id}/edit`)}>
<button title="Редактировать" onClick={() => navigate(`/vehicle/${params.row.id}/edit`)}>
<Pencil size={20} className="text-blue-500" />
</button>
)}
<button onClick={() => navigate(`/vehicle/${params.row.id}`)}>
<button title="Просмотр" onClick={() => navigate(`/vehicle/${params.row.id}`)}>
<Eye size={20} className="text-green-500" />
</button>
{canWrite && (
<button
title="Удалить"
onClick={() => {
setIsDeleteModalOpen(true);
setRowId(params.row.id);