Delay translation until the loading spinner appears

2026-03-03 12:57:15 -08:00
parent f39e449683
commit 2a141c641b
1 changed files with 45 additions and 39 deletions
@@ -194,10 +194,7 @@ export function Provider({children}: React.PropsWithChildren<unknown>) {
        await googleTranslate(text, targetLangCode, sourceLangCode)
        return
      }
-      setTranslationState(prev => ({
-        ...prev,
-        [key]: {status: 'loading'},
-      }))
+      const translateAfterAnimation = async () => {
        try {
          const result = await attemptTranslation(
            text,
@@ -237,6 +234,15 @@ export function Provider({children}: React.PropsWithChildren<unknown>) {
          }))
          await googleTranslate(text, targetLangCode, sourceLangCode)
        }
+      }
+      LayoutAnimation.configureNext(
+        LayoutAnimation.Presets.easeInEaseOut,
+        () => void translateAfterAnimation(),
+      )
+      setTranslationState(prev => ({
+        ...prev,
+        [key]: {status: 'loading'},
+      }))
    },
    [ax, googleTranslate],
  )