From 17dac6b3ac416cab2ad9e18e14ac8eddb50b67dc Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Fri, 14 May 2021 18:55:59 +0530
Subject: [PATCH] Use spinner instead of skeleton for query & source panels

---
 frontend/src/Editor/Editor.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Editor/Editor.jsx b/frontend/src/Editor/Editor.jsx
index a6d9f85dc8..cf1e6926ae 100644
--- a/frontend/src/Editor/Editor.jsx
+++ b/frontend/src/Editor/Editor.jsx
@@ -550,8 +550,10 @@ class Editor extends React.Component {
                     </div>
                   </div>
                   {loadingDataSources ? (
-                    <div className="m-3">
-                      <Skeleton count={8} />
+                    <div className="p-5">
+                      <center>
+                        <div class="spinner-border text-azure" role="status"></div>
+                      </center>
                     </div>
                   ) : (
                     <div className="m-2">
@@ -633,8 +635,10 @@ class Editor extends React.Component {
                       </div>
 
                       {loadingDataQueries ? (
-                        <div className="m-3">
-                          <Skeleton count={8} />
+                        <div className="p-5">
+                          <center>
+                            <div class="spinner-border text-azure" role="status"></div>
+                          </center>
                         </div>
                       ) : (
                         <div className="">