From 27588b3f064b92228d9acc88fdc3884b8efb3fc6 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 15 May 2021 01:06:58 +0300
Subject: [PATCH] ActiveIcon loading option

---
 src/components/common/ActiveIcon.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/common/ActiveIcon.js b/src/components/common/ActiveIcon.js
index 3274290..6f2da48 100644
--- a/src/components/common/ActiveIcon.js
+++ b/src/components/common/ActiveIcon.js
@@ -1,17 +1,25 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { CheckCircleOutlineRounded, RemoveRounded } from "@material-ui/icons";
-import { LinearProgress } from "@material-ui/core";
+import { LinearProgress, Grid } from "@material-ui/core";
 
 const ActiveIcon = ({ active, loading }) => {
   if (loading && loading === true) {
-    return <LinearProgress />;
+    return (
+      <Grid container>
+        <Grid item xs={5} />
+        <Grid item xs={2}>
+          <LinearProgress />
+        </Grid>
+        <Grid item xs={5} />
+      </Grid>
+    );
   }
 
   return active && active === true ? (
-    <CheckCircleOutlineRounded color="primary" />
+    <CheckCircleOutlineRounded color="primary" fontSize="small" />
   ) : (
-    <RemoveRounded />
+    <RemoveRounded fontSize="small" />
   );
 };