SONAR-19465 Remove deferred state from spinner

4 files changed, 7 insertions, 18 deletions

diff --git a/server/sonar-web/src/main/js/app/components/global-search/GlobalSearchShowMore.tsx b/server/sonar-web/src/main/js/app/components/global-search/GlobalSearchShowMore.tsx
index ded1f414256..eb63b27a859 100644
--- a/server/sonar-web/src/main/js/app/components/global-search/GlobalSearchShowMore.tsx
+++ b/server/sonar-web/src/main/js/app/components/global-search/GlobalSearchShowMore.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import classNames from 'classnames';
-import { DeferredSpinner, ItemButton } from 'design-system';
+import { ItemButton, Spinner } from 'design-system';
 import * as React from 'react';
 import { translate } from '../../../helpers/l10n';
 
@@ -61,9 +61,7 @@ export default class GlobalSearchShowMore extends React.PureComponent<Props> {
           this.handleMouseEnter(qualifier);
         }}
       >
-        <DeferredSpinner loading={loadingMore === qualifier}>
-          {translate('show_more')}
-        </DeferredSpinner>
+        <Spinner loading={loadingMore === qualifier}>{translate('show_more')}</Spinner>
       </ItemButton>
     );
   }
diff --git a/server/sonar-web/src/main/js/app/components/nav/component/AnalysisStatus.tsx b/server/sonar-web/src/main/js/app/components/nav/component/AnalysisStatus.tsx
index a082485aa65..b76fbe499de 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/AnalysisStatus.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/AnalysisStatus.tsx
@@ -17,7 +17,7 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import { DeferredSpinner, FlagMessage, Link } from 'design-system';
+import { FlagMessage, Link, Spinner } from 'design-system';
 import * as React from 'react';
 import { translate } from '../../../../helpers/l10n';
 import { useBranchWarrningQuery } from '../../../../queries/branch';
@@ -48,7 +48,7 @@ export function AnalysisStatus(props: HeaderMetaProps) {
   if (isInProgress || isPending) {
     return (
       <div className="sw-flex sw-items-center">
-        <DeferredSpinner timeout={0} />
+        <Spinner />
         <span className="sw-ml-1">
           {isInProgress
             ? translate('project_navigation.analysis_status.in_progress')
diff --git a/server/sonar-web/src/main/js/app/components/nav/component/AnalysisWarningsModal.tsx b/server/sonar-web/src/main/js/app/components/nav/component/AnalysisWarningsModal.tsx
index 90f7da97609..cd599a72a75 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/AnalysisWarningsModal.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/AnalysisWarningsModal.tsx
@@ -17,13 +17,7 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import {
-  DangerButtonSecondary,
-  DeferredSpinner,
-  FlagMessage,
-  HtmlFormatter,
-  Modal,
-} from 'design-system';
+import { DangerButtonSecondary, FlagMessage, HtmlFormatter, Modal, Spinner } from 'design-system';
 import * as React from 'react';
 import { translate } from '../../../../helpers/l10n';
 import { sanitizeStringRestricted } from '../../../../helpers/sanitize';
@@ -77,10 +71,7 @@ export function AnalysisWarningsModal(props: Props) {
                   {translate('dismiss_permanently')}
                 </DangerButtonSecondary>
 
-                <DeferredSpinner
-                  className="sw-ml-2"
-                  loading={isLoading && variables?.key === key}
-                />
+                <Spinner className="sw-ml-2" loading={isLoading && variables?.key === key} />
               </div>
             )}
           </div>
diff --git a/server/sonar-web/src/main/js/app/styles/init/misc.css b/server/sonar-web/src/main/js/app/styles/init/misc.css
index 526a667115d..6ac611f45a6 100644
--- a/server/sonar-web/src/main/js/app/styles/init/misc.css
+++ b/server/sonar-web/src/main/js/app/styles/init/misc.css
@@ -42,7 +42,7 @@ th.hide-overflow {
 .a11y-hidden {
   position: absolute !important;
   left: -10000px !important;
-  top: auto !important;
+  top: 0 !important;
   width: 1px !important;
   height: 1px !important;
   overflow: hidden !important;