feat: role system

src/pages/Media/MediaListPage/index.tsx

@@ -1,6 +1,6 @@
 import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
 import { ruRU } from "@mui/x-data-grid/locales";
-import { languageStore, MEDIA_TYPE_LABELS, mediaStore } from "@shared";
+import { authStore, languageStore, MEDIA_TYPE_LABELS, mediaStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Eye, Trash2, Minus } from "lucide-react";
@@ -71,16 +71,15 @@ export const MediaListPage = observer(() => {
       field: "actions",
       headerName: "Действия",
       width: 200,
-      align: "center",
-      headerAlign: "center",
+      align: "center" as const,
+      headerAlign: "center" as const,
       sortable: false,
-
-      renderCell: (params: GridRenderCellParams) => {
-        return (
-          <div className="flex h-full gap-7 justify-center items-center">
-            <button onClick={() => navigate(`/media/${params.row.id}`)}>
-              <Eye size={20} className="text-green-500" />
-            </button>
+      renderCell: (params: GridRenderCellParams) => (
+        <div className="flex h-full gap-7 justify-center items-center">
+          <button onClick={() => navigate(`/media/${params.row.id}`)}>
+            <Eye size={20} className="text-green-500" />
+          </button>
+          {authStore.canWrite("sights") && (
             <button
               onClick={() => {
                 setIsDeleteModalOpen(true);
@@ -89,9 +88,9 @@ export const MediaListPage = observer(() => {
             >
               <Trash2 size={20} className="text-red-500" />
             </button>
-          </div>
-        );
-      },
+          )}
+        </div>
+      ),
     },
   ];
 
@@ -119,7 +118,7 @@ export const MediaListPage = observer(() => {
         <DataGrid
           rows={rows}
           columns={columns}
-          checkboxSelection
+          checkboxSelection={authStore.canWrite("sights")}
           disableRowSelectionExcludeModel
           loading={isLoading}
           paginationModel={paginationModel}