feat: role system fix

src/pages/Media/MediaListPage/index.tsx

@@ -21,6 +21,7 @@ export const MediaListPage = observer(() => {
     pageSize: 50,
   });
   const { language } = languageStore;
+  const canWriteMedia = authStore.canWrite("sights");
 
   useEffect(() => {
     const fetchMedia = async () => {
@@ -79,7 +80,7 @@ export const MediaListPage = observer(() => {
           <button onClick={() => navigate(`/media/${params.row.id}`)}>
             <Eye size={20} className="text-green-500" />
           </button>
-          {authStore.canWrite("sights") && (
+          {canWriteMedia && (
             <button
               onClick={() => {
                 setIsDeleteModalOpen(true);
@@ -103,7 +104,7 @@ export const MediaListPage = observer(() => {
   return (
     <>
       <div className="w-full">
-        {ids.length > 0 && (
+        {canWriteMedia && ids.length > 0 && (
           <div className="flex justify-end mb-5 duration-300">
             <button
               className="px-4 py-2 bg-red-500 text-white rounded flex gap-2 items-center"
@@ -118,24 +119,36 @@ export const MediaListPage = observer(() => {
         <DataGrid
           rows={rows}
           columns={columns}
-          checkboxSelection={authStore.canWrite("sights")}
+          checkboxSelection={canWriteMedia}
           disableRowSelectionExcludeModel
           loading={isLoading}
           paginationModel={paginationModel}
           onPaginationModelChange={setPaginationModel}
           pageSizeOptions={[50]}
-          onRowSelectionModelChange={(newSelection: any) => {
-            if (Array.isArray(newSelection)) {
-              const selectedIds = newSelection.map((id: string | number) => String(id));
-              setIds(selectedIds);
-            } else if (newSelection && typeof newSelection === 'object' && 'ids' in newSelection) {
-              const idsSet = newSelection.ids as Set<string | number>;
-              const selectedIds = Array.from(idsSet).map((id: string | number) => String(id));
-              setIds(selectedIds);
-            } else {
-              setIds([]);
-            }
-          }}
+          onRowSelectionModelChange={
+            canWriteMedia
+              ? (newSelection: any) => {
+                  if (Array.isArray(newSelection)) {
+                    const selectedIds = newSelection.map(
+                      (id: string | number) => String(id)
+                    );
+                    setIds(selectedIds);
+                  } else if (
+                    newSelection &&
+                    typeof newSelection === "object" &&
+                    "ids" in newSelection
+                  ) {
+                    const idsSet = newSelection.ids as Set<string | number>;
+                    const selectedIds = Array.from(idsSet).map(
+                      (id: string | number) => String(id)
+                    );
+                    setIds(selectedIds);
+                  } else {
+                    setIds([]);
+                  }
+                }
+              : undefined
+          }
           localeText={ruRU.components.MuiDataGrid.defaultProps.localeText}
           slots={{
             noRowsOverlay: () => (