summaryrefslogtreecommitdiffstats
path: root/front/odiparpack/app/components/Loading
diff options
context:
space:
mode:
authorgabrhr <[email protected]>2022-04-20 10:19:29 -0500
committergabrhr <[email protected]>2022-04-20 10:19:29 -0500
commite13e630cd6e4fc0b1ff92098a28a770794c7bb9a (patch)
treee68ad2f947d1b3ec454529b35f37ca2f223e5431 /front/odiparpack/app/components/Loading
parent457816ac1129fcc6019d2fc795b6693ee6776d59 (diff)
downloadDP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.tar.gz
DP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.tar.bz2
DP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.zip
AƱadir plantilla
Base para front
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));