viewer cant import points

src/api.js

@@ -218,6 +218,7 @@ export const useMergePointsToDb = () => {
 };
 
 export const useGetPermissions = () => {
+  const {setImportMode} = useMode();
   return useQuery(["permissions"], async () => {
     const { data } = await api.get("/api/me/");
 
@@ -225,6 +226,7 @@ export const useGetPermissions = () => {
       return "editor";
     }
 
+    setImportMode(false);
     return "viewer";
   });
 };

src/modules/ImportMode/SidebarButtons.jsx

@@ -5,6 +5,7 @@ import { PointsFileUploadModal } from "./PointsFileUploadModal.jsx";
 import { useState } from "react";
 import { MergePointsModal } from "./MergePointsModal.jsx";
 import { MODES } from "../../config.js";
+import { useCanEdit } from "../../api.js";
 
 export const ImportModeSidebarButtons = () => {
   const { mode, isImportMode, setImportMode } = useMode();
@@ -20,6 +21,8 @@ export const ImportModeSidebarButtons = () => {
     setUploadModalOpen(true);
   };
 
+  const canEdit = useCanEdit();
+
   if (isImportMode) {
     return (
       <div className="flex flex-row flex-0 gap-2 border-t-[1px] border-b-[1px]">
@@ -46,7 +49,7 @@ export const ImportModeSidebarButtons = () => {
     );
   }
 
-  return mode === MODES.PENDING && (
+  return mode === MODES.PENDING && canEdit && (
     <div className="flex flex-col flex-0 border-t-[1px] border-b-[1px]">
       <Button type="default" onClick={onImport}>
         <ImportOutlined />