SONAR-19465 Remove deferred state from spinner

3 files changed, 10 insertions, 10 deletions

diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/App.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/App.tsx
index a0ce8d48ab9..3f4d681d753 100644
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/App.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/App.tsx
@@ -24,7 +24,7 @@ import { fetchQualityGates } from '../../../api/quality-gates';
 import ScreenPositionHelper from '../../../components/common/ScreenPositionHelper';
 import Suggestions from '../../../components/embed-docs-modal/Suggestions';
 import '../../../components/search-navigator.css';
-import DeferredSpinner from '../../../components/ui/DeferredSpinner';
+import Spinner from '../../../components/ui/Spinner';
 import { translate, translateWithParameters } from '../../../helpers/l10n';
 import {
   addSideBarClass,
@@ -135,9 +135,9 @@ class App extends React.PureComponent<Props, State> {
                       canCreate={canCreate}
                       refreshQualityGates={this.fetchQualityGates}
                     />
-                    <DeferredSpinner loading={this.state.loading}>
+                    <Spinner loading={this.state.loading}>
                       <List qualityGates={qualityGates} currentQualityGate={name} />
-                    </DeferredSpinner>
+                    </Spinner>
                   </div>
                 </div>
               </nav>
diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/Details.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/Details.tsx
index 97f18dc80f0..cf246948bbb 100644
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/Details.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/Details.tsx
@@ -21,7 +21,7 @@ import { clone } from 'lodash';
 import * as React from 'react';
 import { Helmet } from 'react-helmet-async';
 import { fetchQualityGate } from '../../../api/quality-gates';
-import DeferredSpinner from '../../../components/ui/DeferredSpinner';
+import Spinner from '../../../components/ui/Spinner';
 import { addGlobalSuccessMessage } from '../../../helpers/globalMessages';
 import { translate } from '../../../helpers/l10n';
 import { Condition, QualityGate } from '../../../types/types';
@@ -151,7 +151,7 @@ export default class Details extends React.PureComponent<Props, State> {
 
     return (
       <main className="layout-page-main">
-        <DeferredSpinner loading={loading} timeout={200}>
+        <Spinner loading={loading}>
           {qualityGate && (
             <>
               <Helmet defer={false} title={qualityGate.name} />
@@ -171,7 +171,7 @@ export default class Details extends React.PureComponent<Props, State> {
               />
             </>
           )}
-        </DeferredSpinner>
+        </Spinner>
       </main>
     );
   }
diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsRenderer.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsRenderer.tsx
index 3daa2daec75..97dd4a14dee 100644
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsRenderer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsRenderer.tsx
@@ -19,9 +19,9 @@
  */
 import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { Button } from '../../../components/controls/buttons';
 import ConfirmModal from '../../../components/controls/ConfirmModal';
-import DeferredSpinner from '../../../components/ui/DeferredSpinner';
+import { Button } from '../../../components/controls/buttons';
+import Spinner from '../../../components/ui/Spinner';
 import { translate } from '../../../helpers/l10n';
 import { Group, isUser } from '../../../types/quality-gates';
 import { QualityGate } from '../../../types/types';
@@ -54,7 +54,7 @@ export default function QualityGatePermissionsRenderer(props: QualityGatePermiss
       <h3 className="spacer-bottom">{translate('quality_gates.permissions')}</h3>
       <p className="spacer-bottom">{translate('quality_gates.permissions.help')}</p>
       <div>
-        <DeferredSpinner loading={loading}>
+        <Spinner loading={loading}>
           <ul>
             {users.map((user) => (
               <li key={user.login}>
@@ -67,7 +67,7 @@ export default function QualityGatePermissionsRenderer(props: QualityGatePermiss
               </li>
             ))}
           </ul>
-        </DeferredSpinner>
+        </Spinner>
       </div>
 
       <Button className="big-spacer-top" onClick={props.onClickAddPermission}>