added CrashWrapper

packages/app/src/components/Crash/index.jsx

@@ -1,23 +1,34 @@
 import React from "react"
 import { Result, Button } from "antd"
 
-export default (props) => {
+import "./index.less"
+
+export const CrashComponent = (props) => {
     const { crash } = props
 
-    return <div className="app_crash_wrapper">
-        <Result
-            status="error"
-            title="Crash"
-            subTitle={crash.message}
-            extra={[
-                <Button type="primary" key="reload" onClick={() => window.location.reload()}>
-                    Reload app
-                </Button>
-            ]}
-        >
-            <div>
-                <code>{crash.error}</code>
-            </div>
-        </Result>
+    return <Result
+        status="error"
+        title="Crash"
+        subTitle={crash.message}
+        extra={[
+            <Button type="primary" key="reload" onClick={() => window.location.reload()}>
+                Reload app
+            </Button>
+        ]}
+    >
+        <div>
+            <code>{crash.error}</code>
+        </div>
+    </Result>
+}
+
+export const CrashWrapper = (props) => {
+    const { crash } = props
+
+    return <div className="crashWrapper">
+        <CrashComponent crash={crash} />
     </div>
-}
+}
+
+
+export default CrashComponent

packages/app/src/components/Crash/index.less

@@ -0,0 +1,11 @@
+.crashWrapper {
+    position: absolute;
+
+    width: 100vw;
+    height: 100vh;
+
+    z-index: 10000;
+
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(10px);
+}

packages/app/src/components/index.js

@@ -15,7 +15,7 @@ export { default as StepsForm } from "./StepsForm"
 export { default as DraggableDrawer } from "./DraggableDrawer"
 export { default as AddableSelectList } from "./AddableSelectList"
 export { default as SwipeItem } from "./SwipeItem"
-export { default as Crash } from "./Crash"
+export * as Crash from "./Crash"
 export { default as SearchButton } from "./SearchButton"
 export { default as UserRegister } from "./UserRegister"
 export { default as Skeleton } from "./Skeleton"