WIP

Author: Dave MacFarlane

modules/my_preferences/jsx/mfa.tsx

@@ -80,17 +80,17 @@ function MFAIndex(): React.ReactElement {
     + '&period=30&digits=6&issuer=' + encodeURI(studyTitle);
   return <div>
     <Modal
-      title='Manual MFA Setup'
+      title={t('Manual MFA Setup', {ns: 'my_preferences'})}
       onClose={() => setShowModal(false)}
       show={showModal}
       throwWarning={false}>
-      <Trans
-      	defaults="<p>Use the following key in your authenticator app: <b>{{code}}</b></p>"
-         values={{code: key}}>
-      </Trans>
+      <p><Trans
+      	defaults="Use the following key in your authenticator app: <0>{{code}}</0>"
+	ns="my_preferences"
+	components={[<strong>CODE</strong>]}
+        values={{code: key}} /></p>
     </Modal>
-    <p>Scan the following QR code below in your MFA authenticator and
-      enter the code to validate.</p>
+    <p>{t('Scan the following QR code below in your MFA authenticator and enter the code to validate.', {ns: 'my_preferences'})}</p>
     <p>
       <b>Note that this will <i>overwrite</i> any previously
       setup MFA in LORIS!</b>

modules/my_preferences/locale/ja/LC_MESSAGES/my_preferences.po

@@ -58,5 +58,11 @@ msgstr "多要素認証を設定する"
 msgid "Configure MFA"
 msgstr "多要素認証を設定する"
 
-msgid "Use the following key in your authenticator app: <b>{{code}}</b>"
-msgstr "認証アプリで次のコードを使用してください: <b>{{code}}</b>"
+msgid "Manual MFA Setup"
+msgstr "手動多要素認証の設定"
+
+msgid "Use the following key in your authenticator app: <0>{{code}}</0>"
+msgstr "認証アプリで次のコードを使用してください: <0>{{code}}</0>"
+
+msgid "Scan the following QR code below in your MFA authenticator and enter the code to validate."
+msgstr "多要素認証システムで以下の QR コードをスキャンし、コードを入力して検証します。"