From bf47681e325e18edb3b5bfa4c655095189697e8b Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 15 Aug 2020 03:48:53 +0300
Subject: refactor: separate Message component

---
 src/components/Loading/Loading.tsx | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

(limited to 'src/components/Loading/Loading.tsx')

diff --git a/src/components/Loading/Loading.tsx b/src/components/Loading/Loading.tsx
index 34d436b..fac0049 100644
--- a/src/components/Loading/Loading.tsx
+++ b/src/components/Loading/Loading.tsx
@@ -1,22 +1,17 @@
 import React from 'react';
 import CircularProgress from '@material-ui/core/CircularProgress';
-import { makeStyles } from '@material-ui/core';
+import Message from '../Message/Message';
 
-const useStyles = makeStyles(theme => ({
-  loader: {
-    width: '100%',
-    textAlign: 'center',
-    marginTop: theme.spacing(10)
-  }
-}));
-
-const Loading: React.FC = React.memo(() => {
-  const classes = useStyles();
+interface PropTypes {
+  tagline?: string;
+  message?: string;
+}
 
+const Loading: React.FC<PropTypes> = React.memo(({ tagline, message }) => {
   return (
-    <div className={classes.loader}>
-      <CircularProgress color="primary" style={{ margin: '0 auto' }} />
-    </div>
+    <Message tagline={tagline} message={message}>
+      <CircularProgress color="primary" />
+    </Message>
   );
 });
 
-- 
cgit v1.2.3

