кидает ошибку, если в уровне нет заданий

codEnjoyer · Dec 18, 2023 · ed9aad3 · ed9aad3
1 parent 32e48da
commit ed9aad3
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/frontend/src/components/mapMenu/UIMapMenu/Level/Level.tsx b/frontend/src/components/mapMenu/UIMapMenu/Level/Level.tsx
@@ -26,14 +26,25 @@ const Level: React.FC<IModuleProps> = ({id, level}) => {
         setOpenModalWindow(!isOpenModalWindow)
     }, [isOpenModalWindow])
 
+    const renderModal = () => {
+        if (level.task_units && level.theory_units)
+            return (
+                level.task_units.length + level.theory_units.length !== 0
+                    ? <ModalWindow
+                        onClose={onHandleCloseModalWindow}
+                        body={<ModalLevelBody level={level}/>}
+                    />
+                    : <ModalWindow
+                        onClose={onHandleCloseModalWindow}
+                        body={<div className="error-nolvl-modal-window">Нет доступных заданий для этого уровня</div>}/>
+            )
+    }
+
     return (
         <div onClick={onHandleOpenModalWindow} className={classNameGeolocation}>
 
             {isOpenModalWindow
-                ? <ModalWindow
-                    onClose={onHandleCloseModalWindow}
-                    body={<ModalLevelBody level={level}/>}
-                />
+                ? renderModal()
                 : null}
 
             <div>

diff --git a/frontend/src/styles/mapMenu.scss b/frontend/src/styles/mapMenu.scss
@@ -189,3 +189,12 @@
   border: 1px solid #F1F1F1;
   letter-spacing: 0;
 }
+
+.error-nolvl-modal-window {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 20px;
+  letter-spacing: 1px;
+}