feat: Added translation for "loading..." (#823)

* Added translation for "loading..."

* Resolve

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>

packages/tldraw/src/components/Loading/Loading.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { FormattedMessage } from 'react-intl'
 import { Panel } from '~components/Primitives/Panel'
 import { useTldrawApp } from '~hooks'
 import { styled } from '~styles'
@@ -10,7 +11,11 @@ export function Loading() {
   const app = useTldrawApp()
   const isLoading = app.useStore(loadingSelector)
 
-  return <StyledLoadingPanelContainer hidden={!isLoading}>Loading...</StyledLoadingPanelContainer>
+  return (
+    <StyledLoadingPanelContainer hidden={false}>
+      <FormattedMessage id="loading" values={{ dots: '...' }} />
+    </StyledLoadingPanelContainer>
+  )
 }
 
 const StyledLoadingPanelContainer = styled('div', {

packages/tldraw/src/translations/fr.json

@@ -91,8 +91,9 @@
   "language": "Langage",
   "dock.position": "Position du dock",
   "bottom": "En bas",
+  "loading": "Chargement{dots}",
   "left": "À gauche",
   "right": "À droite",
   "top": "En haut",
   "page": "Page"
-}
+}

packages/tldraw/src/translations/main.json

@@ -95,5 +95,6 @@
   "left": "Left",
   "right": "Right",
   "top": "Top",
-  "page": "Page"
-}
+  "page": "Page",
+  "loading": "Loading{dots}"
+}