Hide tile overlay immediately when closed

2021-06-10 20:07:40 +10:00 · 2021-06-10 20:07:40 +10:00 · fa8d081079
commit fa8d081079
parent b75db97c26
1 changed files with 13 additions and 11 deletions
--- a/src/components/tile/TilesOverlay.js
+++ b/src/components/tile/TilesOverlay.js
@ -50,19 +50,21 @@ function TilesOverlay({ modalSize, children }) {

  const group = groups.find((group) => group.id === openGroupId);

+  if (!openGroupId) {
+    return null;
+  }
+
  return (
    <>
-      {openGroupId && (
-        <Box
-          sx={{
-            position: "absolute",
-            width: "100%",
-            height: "100%",
-            top: 0,
-          }}
-          bg="overlay"
-        />
-      )}
+      <Box
+        sx={{
+          position: "absolute",
+          width: "100%",
+          height: "100%",
+          top: 0,
+        }}
+        bg="overlay"
+      />
      <ReactResizeDetector
        handleWidth
        handleHeight