added CrashWrapper

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

@@ -1,11 +1,12 @@
 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">
+    return <Result
-        <Result
         status="error"
         title="Crash"
         subTitle={crash.message}
@@ -19,5 +20,15 @@ export default (props) => {
             <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"