From 1b2dc0843140a34799554bf819f301dd4fdb2309 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Sun, 28 May 2023 01:25:47 +0000
Subject: [PATCH] support global visibility method

---
 .../components/floatingStack/index.jsx        | 20 ++++++++++++++++++-
 .../components/floatingStack/index.less       |  5 +++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/layouts/components/floatingStack/index.jsx b/packages/app/src/layouts/components/floatingStack/index.jsx
index 44efedbb..294547b7 100644
--- a/packages/app/src/layouts/components/floatingStack/index.jsx
+++ b/packages/app/src/layouts/components/floatingStack/index.jsx
@@ -1,4 +1,5 @@
 import React from "react"
+import classnames from "classnames"
 import { DOMWindow } from "components/RenderWindow"
 
 import "./index.less"
@@ -34,6 +35,7 @@ class FloatingStackItem extends React.PureComponent {
 export default class FloatingStack extends React.Component {
     state = {
         renders: [],
+        globalVisibility: true,
     }
 
     public = {
@@ -77,6 +79,15 @@ export default class FloatingStack extends React.Component {
             })
 
             return true
+        },
+        toogleGlobalVisibility: (to) => {
+            if (typeof to !== "boolean") {
+                to = !this.state.globalVisibility
+            }
+
+            this.setState({
+                globalVisibility: to,
+            })
         }
     }
 
@@ -90,7 +101,14 @@ export default class FloatingStack extends React.Component {
     }
 
     render() {
-        return <div className="floating_stack">
+        return <div
+            className={classnames(
+                "floating_stack",
+                {
+                    ["hidden"]: !this.state.globalVisibility,
+                }
+            )}
+        >
             {
                 this.state.renders.map((item) => {
                     return <FloatingStackItem id={item.id}>
diff --git a/packages/app/src/layouts/components/floatingStack/index.less b/packages/app/src/layouts/components/floatingStack/index.less
index 9e099c0e..7f714157 100644
--- a/packages/app/src/layouts/components/floatingStack/index.less
+++ b/packages/app/src/layouts/components/floatingStack/index.less
@@ -18,6 +18,11 @@
     margin: 20px;
 
     transition: all 0.3s ease-in-out;
+
+    &.hidden {
+        transform: translateX(100%);
+        opacity: 0;
+    }
 }
 
 .floating_stack_item {