SONAR-21232 Show spinner while loading projects/apps

diff --git a/server/sonar-web/src/main/js/apps/projects/components/ProjectsList.tsx b/server/sonar-web/src/main/js/apps/projects/components/ProjectsList.tsx
index 43fea64f1e36187ea45a828166e9bf51fc81a79c..c2e647a2e33c44d4dfc7937001b1f7401dbd2788 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/components/ProjectsList.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/components/ProjectsList.tsx
@@ -17,6 +17,8 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+
+import { Spinner } from 'design-system';
 import * as React from 'react';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { List, ListRowProps } from 'react-virtualized/dist/commonjs/List';
@@ -93,7 +95,9 @@ export default class ProjectsList extends React.PureComponent<Props> {
   };
 
   renderList() {
-    return (
+    return this.props.loading ? (
+      <Spinner />
+    ) : (
       <AutoSizer>
         {({ height, width }) => (
           <List