From 1518629590211d71cb7a5be8cd454b451b2b4201 Mon Sep 17 00:00:00 2001
From: sonnguyenkieio <sonnguyen@kie.io>
Date: Tue, 14 Sep 2021 16:59:16 +0700
Subject: [PATCH] :sparkles: feat: Loading Common

---
 .../LoadingCommon/LoadingCommon.module.scss      |   6 +++++-
 .../common/LoadingCommon/LoadingCommon.tsx       |   3 +--
 .../common/LoadingCommon/assets/broccoli.png     | Bin 2458 -> 0 bytes
 3 files changed, 6 insertions(+), 3 deletions(-)
 delete mode 100644 src/components/common/LoadingCommon/assets/broccoli.png

diff --git a/src/components/common/LoadingCommon/LoadingCommon.module.scss b/src/components/common/LoadingCommon/LoadingCommon.module.scss
index 97ba57dd0..f17d4aa9c 100644
--- a/src/components/common/LoadingCommon/LoadingCommon.module.scss
+++ b/src/components/common/LoadingCommon/LoadingCommon.module.scss
@@ -7,11 +7,15 @@
         @apply bg-white;
         height: 7rem;
         width: 7rem;
-        border-radius: 50%;
         animation: spin 2s linear infinite;
         margin: auto;
         background: url('./assets/carrot.png') top 50% left 50% no-repeat;
     }
+
+    .text {
+        @apply font-bold;
+        color: var(--primary);
+    }
 }
 
 @keyframes spin {
diff --git a/src/components/common/LoadingCommon/LoadingCommon.tsx b/src/components/common/LoadingCommon/LoadingCommon.tsx
index d41ea8492..1e8ffe340 100644
--- a/src/components/common/LoadingCommon/LoadingCommon.tsx
+++ b/src/components/common/LoadingCommon/LoadingCommon.tsx
@@ -6,9 +6,8 @@ const LoadingCommon = () => {
     return (
         <div className={s.wrapper}>
             <div className={s.loadingCommon}>
-            
             </div>
-            <p>Loading...</p>
+            <p className={s.text}>Loading...</p>
         </div>
     )
 }
diff --git a/src/components/common/LoadingCommon/assets/broccoli.png b/src/components/common/LoadingCommon/assets/broccoli.png
deleted file mode 100644
index 9080e23362d4408ad522ea8660adc31684f2dff8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2458
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
YAHXzPD?yx82mk;807*qoM6N<$f@kcQF#rGn