feat: role system

src/pages/Route/RouteListPage/index.tsx

@@ -1,6 +1,6 @@
 import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
 import { ruRU } from "@mui/x-data-grid/locales";
-import { carrierStore, languageStore, routeStore } from "@shared";
+import { authStore, carrierStore, languageStore, routeStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Map, Pencil, Trash2, Minus } from "lucide-react";
@@ -108,27 +108,37 @@ export const RouteListPage = observer(() => {
       field: "actions",
       headerName: "Действия",
       width: 250,
-      align: "center",
-      headerAlign: "center",
+      align: "center" as const,
+      headerAlign: "center" as const,
       sortable: false,
       renderCell: (params: GridRenderCellParams) => {
+        const canWrite = authStore.canWrite("routes");
+        const canShowRoutePreview =
+          authStore.canRead("stations") &&
+          authStore.canRead("sights") &&
+          authStore.canRead("routes");
         return (
           <div className="flex h-full gap-7 justify-center items-center">
-            <button onClick={() => navigate(`/route/${params.row.id}/edit`)}>
-              <Pencil size={20} className="text-blue-500" />
-            </button>
-            <button onClick={() => navigate(`/route-preview/${params.row.id}`)}>
-              <Map size={20} className="text-purple-500" />
-            </button>
-
-            <button
-              onClick={() => {
-                setIsDeleteModalOpen(true);
-                setRowId(params.row.id);
-              }}
-            >
-              <Trash2 size={20} className="text-red-500" />
-            </button>
+            {canWrite && (
+              <button onClick={() => navigate(`/route/${params.row.id}/edit`)}>
+                <Pencil size={20} className="text-blue-500" />
+              </button>
+            )}
+            {canShowRoutePreview && (
+              <button onClick={() => navigate(`/route-preview/${params.row.id}`)}>
+                <Map size={20} className="text-purple-500" />
+              </button>
+            )}
+            {canWrite && (
+              <button
+                onClick={() => {
+                  setIsDeleteModalOpen(true);
+                  setRowId(params.row.id);
+                }}
+              >
+                <Trash2 size={20} className="text-red-500" />
+              </button>
+            )}
           </div>
         );
       },
@@ -168,7 +178,7 @@ export const RouteListPage = observer(() => {
         <DataGrid
           rows={rows}
           columns={columns}
-          checkboxSelection
+          checkboxSelection={authStore.canWrite("routes")}
           disableRowSelectionExcludeModel
           loading={isLoading}
           paginationModel={paginationModel}