From e73e68ddd11b414f22ea3b7959a51ac258eb829a Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Tue, 25 May 2021 18:13:55 +0530
Subject: [PATCH] Loading skeletons on homepage should be consistent in style

---
 frontend/src/HomePage/Folders.jsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/HomePage/Folders.jsx b/frontend/src/HomePage/Folders.jsx
index 5f0f9eb75c..3c9a8c0009 100644
--- a/frontend/src/HomePage/Folders.jsx
+++ b/frontend/src/HomePage/Folders.jsx
@@ -38,10 +38,17 @@ export const Folders = function Folders({
 
   return (<div className="w-100 mt-4 px-3 card">
     {isLoading && (
-      <div className="p-5">
-        <center>
-          <div className="spinner-border text-azure" role="status"></div>
-        </center>
+      <div className="px-1 py-2" style={{minHeight: '200px'}}>
+        {[1,2,3,4, 5].map(element => {
+          return (<div className="row">
+            <div class="col p-1">
+              <div class="skeleton-line w-100"></div>
+            </div>
+            <div class="col-2 pt-1">
+              <div class="skeleton-line w-100"></div>
+            </div>
+          </div>)
+        })}
       </div>
     )}