feat: init modal loader components

2021-12-20 13:55:00 +07:00
parent 82c9a96339
commit 61ec562ca4
4 changed files with 46 additions and 9 deletions
--- a/src/component/Modal/ModalLoader.js
+++ b/src/component/Modal/ModalLoader.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import {Modal, Spin} from "antd";
+import {observer} from 'mobx-react-lite';
+
+export const ModalLoader = observer(({isOpen, text}) => {
+    return <Modal
+        title={null}
+        footer={null}
+        visible={isOpen}
+        closable={false}
+        centered
+        style={{zIndex: 9999999999}}
+    >
+        <div style={{display: 'flex', alignItems: 'center', justifyContent: 'center', flexDirection: 'column'}}>
+            <Spin size={'large'}/>
+            <span style={{marginTop: 5}}>{text || 'Loading ...'}</span>
+        </div>
+    </Modal>
+});