translate as Phrase -> translate<string>

aws-amplify · Nov 12, 2021 · c11b78f · c11b78f
1 parent ded70b2
commit c11b78f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 18 deletions.
diff --git a/...authenticator/components/amplify-federated-sign-in/amplify-federated-sign-in.component.ts b/...authenticator/components/amplify-federated-sign-in/amplify-federated-sign-in.component.ts
@@ -42,17 +42,17 @@ export class AmplifyFederatedSignInComponent implements OnInit {
   private setFederatedTexts() {
     const { route } = this.authenticator;
     const federatedText = route === 'signUp' ? 'Up' : 'In';
-    this.signInAmazonText = translate(
-      `Sign ${federatedText} with Amazon` as Phrase
+    this.signInAmazonText = translate<string>(
+      `Sign ${federatedText} with Amazon`
     );
-    this.signInAppleText = translate(
-      `Sign ${federatedText} with Apple` as Phrase
+    this.signInAppleText = translate<string>(
+      `Sign ${federatedText} with Apple`
     );
-    this.signInFacebookText = translate(
-      `Sign ${federatedText} with Facebook` as Phrase
+    this.signInFacebookText = translate<string>(
+      `Sign ${federatedText} with Facebook`
     );
-    this.signInGoogleText = translate(
-      `Sign ${federatedText} with Google` as Phrase
+    this.signInGoogleText = translate<string>(
+      `Sign ${federatedText} with Google`
     );
   }
 }
diff --git a/packages/react/src/components/Authenticator/FederatedSignIn/FederatedSignIn.tsx b/packages/react/src/components/Authenticator/FederatedSignIn/FederatedSignIn.tsx
@@ -28,7 +28,7 @@ export function FederatedSignIn() {
                 icon="amazon"
                 key={provider}
                 provider={FederatedIdentityProviders.Amazon}
-                text={translate(`Sign ${federatedText} with Amazon` as Phrase)}
+                text={translate<string>(`Sign ${federatedText} with Amazon`)}
               />
             );
           case 'apple':
@@ -37,7 +37,7 @@ export function FederatedSignIn() {
                 icon="apple"
                 key={provider}
                 provider={FederatedIdentityProviders.Apple}
-                text={translate(`Sign ${federatedText} with Apple` as Phrase)}
+                text={translate<string>(`Sign ${federatedText} with Apple`)}
               />
             );
           case 'facebook':
@@ -46,9 +46,7 @@ export function FederatedSignIn() {
                 icon="facebook"
                 key={provider}
                 provider={FederatedIdentityProviders.Facebook}
-                text={translate(
-                  `Sign ${federatedText} with Facebook` as Phrase
-                )}
+                text={translate<string>(`Sign ${federatedText} with Facebook`)}
               />
             );
           case 'google':
@@ -57,7 +55,7 @@ export function FederatedSignIn() {
                 icon="google"
                 key={provider}
                 provider={FederatedIdentityProviders.Google}
-                text={translate(`Sign ${federatedText} with Google` as Phrase)}
+                text={translate<string>(`Sign ${federatedText} with Google`)}
               />
             );
           default:

diff --git a/packages/vue/src/components/federated-sign-in.vue b/packages/vue/src/components/federated-sign-in.vue
@@ -27,16 +27,16 @@ const federatedText = route === 'signUp' ? 'Up' : 'In';
 
 const fp = computed(() => FederatedIdentityProviders);
 const signInWithAmazon = computed(() =>
-  translate(`Sign ${federatedText} with Amazon` as Phrase)
+  translate<string>(`Sign ${federatedText} with Amazon`)
 );
 const signInWithApple = computed(() =>
-  translate(`Sign ${federatedText} with Apple` as Phrase)
+  translate<string>(`Sign ${federatedText} with Apple`)
 );
 const signInWithFacebook = computed(() =>
-  translate(`Sign ${federatedText} with Facebook` as Phrase)
+  translate<string>(`Sign ${federatedText} with Facebook`)
 );
 const signInWithGoogle = computed(() =>
-  translate(`Sign ${federatedText} with Google` as Phrase)
+  translate<string>(`Sign ${federatedText} with Google`)
 );
 </script>