1 files changed, 20 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/Loading/index.js b/front/odiparpack/app/components/Loading/index.js
new file mode 100644
index 0000000..41c92af
--- /dev/null
+++ b/front/odiparpack/app/components/Loading/index.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { PropTypes } from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { CircularProgress } from '@material-ui/core';
+const styles = {
+  circularProgress: {
+    position: 'fixed',
+    top: 'calc(50% - 30px)',
+    left: 'calc(50% - 30px)',
+  }
+};
+
+function Loading(props) {
+  return (<CircularProgress className={props.classes.circularProgress} size={60} color="secondary" />);
+}
+
+Loading.propTypes = {
+  classes: PropTypes.object.isRequired,
+};
+export default (withStyles(styles)(Loading));