[fix] double spinner (#2963)

Fixes a double spinner in the loading component.

### Change Type

- [x] `patch` — Bug fix
pull/2964/head
Steve Ruiz 2024-02-27 09:30:02 +00:00 zatwierdzone przez GitHub
rodzic 2a6576a2dc
commit d88ce929eb
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: B5690EEEBB952194
1 zmienionych plików z 4 dodań i 11 usunięć

Wyświetl plik

@ -13,7 +13,6 @@ import React, {
import classNames from 'classnames'
import { OptionalErrorBoundary } from './components/ErrorBoundary'
import { DefaultErrorFallback } from './components/default-components/DefaultErrorFallback'
import { DefaultLoadingScreen } from './components/default-components/DefaultLoadingScreen'
import { TLUser, createTLUser } from './config/createTLUser'
import { TLAnyShapeUtilConstructor } from './config/defaultShapes'
import { Editor } from './editor/Editor'
@ -229,6 +228,8 @@ const TldrawEditorWithLoadingStore = memo(function TldrawEditorBeforeLoading({
}
}, [container, user])
const { LoadingScreen } = useEditorComponents()
switch (store.status) {
case 'error': {
// for error handling, we fall back to the default error boundary.
@ -237,8 +238,7 @@ const TldrawEditorWithLoadingStore = memo(function TldrawEditorBeforeLoading({
throw store.error
}
case 'loading': {
const LoadingScreen = rest.components?.LoadingScreen ?? DefaultLoadingScreen
return <LoadingScreen />
return LoadingScreen ? <LoadingScreen /> : null
}
case 'not-synced': {
break
@ -368,14 +368,7 @@ function Crash({ crashingError }: { crashingError: unknown }): null {
/** @public */
export function LoadingScreen({ children }: { children: any }) {
const { Spinner } = useEditorComponents()
return (
<div className="tl-loading">
{Spinner ? <Spinner /> : null}
{children}
</div>
)
return <div className="tl-loading">{children}</div>
}
/** @public */