Merge pull request #7275 from overleaf/ds-shared-loading-spinner-2

Changed LoadingSpinner default delay

GitOrigin-RevId: 2bf499585e3394e5c6b8ed9583add7ef6f678fc1

services/web/frontend/js/features/chat/components/chat-pane.js

@@ -71,7 +71,7 @@ const ChatPane = React.memo(function ChatPane() {
       >
         <div>
           <h2 className="sr-only">{t('chat')}</h2>
-          {status === 'pending' && <LoadingSpinner />}
+          {status === 'pending' && <LoadingSpinner delay={500} />}
           {shouldDisplayPlaceholder && <Placeholder />}
           <MessageList
             messages={messages}

services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js

@@ -27,7 +27,7 @@ function PdfPreviewPane() {
 function LoadingPreview() {
   return (
     <div className="pdf-loading-spinner-container">
-      <LoadingSpinner />
+      <LoadingSpinner delay={500} />
     </div>
   )
 }

services/web/frontend/js/shared/components/loading-spinner.js

@@ -3,7 +3,7 @@ import Icon from './icon'
 import { useEffect, useState } from 'react'
 import PropTypes from 'prop-types'
 
-function LoadingSpinner({ delay = 500 }) {
+function LoadingSpinner({ delay = 0 }) {
   const { t } = useTranslation()
 
   const [show, setShow] = useState(false)