Use a switch for returns

src/components/Post/Translated/index.tsx

@@ -46,22 +46,10 @@ export function TranslatedPost({
     [post, langPrefs.primaryLanguage],
   )
 
-  if (translationState.status === 'error') {
+  switch (translationState.status) {
-    return (
+    case 'loading':
-      <TranslationError
-        clearTranslation={clearTranslation}
-        message={translationState.message}
-        postText={postText}
-        primaryLanguage={langPrefs.primaryLanguage}
-      />
-    )
-  }
-
-  if (translationState.status === 'loading') {
       return <TranslationLoading />
-  }
+    case 'success':
-
-  if (translationState.status === 'success') {
       return (
         <TranslationResult
           clearTranslation={clearTranslation}
@@ -71,8 +59,16 @@ export function TranslatedPost({
           translatedText={translationState.translatedText}
         />
       )
-  }
+    case 'error':
-
+      return (
+        <TranslationError
+          clearTranslation={clearTranslation}
+          message={translationState.message}
+          postText={postText}
+          primaryLanguage={langPrefs.primaryLanguage}
+        />
+      )
+    default:
       return (
         needsTranslation && (
           <TranslationLink
@@ -83,6 +79,7 @@ export function TranslatedPost({
         )
       )
   }
+}
 
 function TranslationLoading() {
   const t = useTheme()