summaryrefslogtreecommitdiffstats
path: root/front/odiparpack/app/components/Loading
diff options
context:
space:
mode:
authorDayana31 <[email protected]>2022-04-21 17:27:08 -0500
committerDayana31 <[email protected]>2022-04-21 17:27:08 -0500
commit67c50667678dd0ce4709b29a854f6a47093a1ac5 (patch)
treeb6f9f39092ad54bf6b815984d32b37d7c7ca67ab /front/odiparpack/app/components/Loading
parent91140b24f0d49a9f89a080ee063e9eb023a4b73a (diff)
parente13e630cd6e4fc0b1ff92098a28a770794c7bb9a (diff)
downloadDP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.tar.gz
DP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.tar.bz2
DP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.zip
Merge branch 'gabshr' into dayana
Diffstat (limited to 'front/odiparpack/app/components/Loading')
-rw-r--r--front/odiparpack/app/components/Loading/index.js20
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));