Finish mail settings management

src/components/common/LoadingMask.tsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import Icon from '@ant-design/icons'
+import '@/assets/css/components/common/loading-mask.scss'
+import { COLOR_FONT_MAIN } from '@/constants/common.constants'
+
+interface LoadingMaskProps extends React.PropsWithChildren {
+    hidden?: boolean
+}
+const LoadingMask: React.FC<LoadingMaskProps> = (props) => {
+    const loadingIcon = (
+        <>
+            <Icon
+                component={IconFatwebLoading}
+                style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
+                spin
+            />
+        </>
+    )
+    return props.hidden ? (
+        props.children
+    ) : (
+        <>
+            <div className={'loading-mask'}>
+                <AntdSpin indicator={loadingIcon} />
+            </div>
+        </>
+    )
+}
+
+export default LoadingMask