Translate register_name page

src/components/RegisterName.tsx

@@ -25,6 +25,7 @@ import CheckIcon from '@mui/icons-material/Check';
 import ErrorIcon from '@mui/icons-material/Error';
 import { useSetAtom } from 'jotai';
 import { txListAtom } from '../atoms/global';
+import { useTranslation } from 'react-i18next';
 
 enum Availability {
   NULL = 'null',
@@ -50,6 +51,7 @@ export const RegisterName = ({
   );
   const [nameFee, setNameFee] = useState(null);
   const theme = useTheme();
+  const { t } = useTranslation(['core', 'auth', 'group']);
   const checkIfNameExisits = async (name) => {
     if (!name?.trim()) {
       setIsNameAvailable(Availability.NULL);
@@ -110,12 +112,24 @@ export const RegisterName = ({
 
   const registerName = async () => {
     try {
-      if (!userInfo?.address) throw new Error('Your address was not found');
+      if (!userInfo?.address)
-      if (!registerNameValue) throw new Error('Enter a name');
+        throw new Error(
+          t('core:message.error.address_not_found', {
+            postProcess: 'capitalize',
+          })
+        );
+      if (!registerNameValue)
+        throw new Error(
+          t('core:action.enter_name', {
+            postProcess: 'capitalize',
+          })
+        );
 
       const fee = await getFee('REGISTER_NAME');
       await show({
-        message: 'Would you like to register this name?',
+        message: t('group:question.register_name', {
+          postProcess: 'capitalize',
+        }),
         publishFee: fee.fee + ' QORT',
       });
       setIsLoadingRegisterName(true);
@@ -130,8 +144,9 @@ export const RegisterName = ({
               setIsLoadingRegisterName(false);
               setInfoSnack({
                 type: 'success',
-                message:
+                message: t('group:message.success.registered_name', {
-                  'Successfully registered. It may take a couple of minutes for the changes to propagate',
+                  postProcess: 'capitalize',
+                }),
               });
               setIsOpen(false);
               setRegisterNameValue('');
@@ -140,8 +155,15 @@ export const RegisterName = ({
                 {
                   ...response,
                   type: 'register-name',
-                  label: `Registered name: awaiting confirmation. This may take a couple minutes.`,
+                  label: t('group:message.success.registered_name_label', {
-                  labelDone: `Registered name: success!`,
+                    postProcess: 'capitalize',
+                  }),
+                  labelDone: t(
+                    'group:message.success.registered_name_success',
+                    {
+                      postProcess: 'capitalize',
+                    }
+                  ),
                   done: false,
                 },
                 ...prev.filter((item) => !item.done),
@@ -158,7 +180,9 @@ export const RegisterName = ({
           .catch((error) => {
             setInfoSnack({
               type: 'error',
-              message: error.message || 'An error occurred',
+              message:
+                error.message ||
+                t('core:message.error.generic', { postProcess: 'capitalize' }),
             });
             setOpenSnack(true);
             rej(error);
@@ -199,7 +223,9 @@ export const RegisterName = ({
             width: '400px',
           }}
         >
-          <Label>Choose a name</Label> // TODO: translate
+          <Label>
+            {t('core:action.choose_name', { postProcess: 'capitalize' })}
+          </Label>
           <TextField
             autoComplete="off"
             autoFocus
@@ -210,6 +236,7 @@ export const RegisterName = ({
           {(!balance || (nameFee && balance && balance < nameFee)) && (
             <>
               <Spacer height="10px" />
+
               <Box
                 sx={{
                   display: 'flex',
@@ -223,15 +250,20 @@ export const RegisterName = ({
                   }}
                 />
                 <Typography>
-                  Your balance is {balance ?? 0} QORT. A name registration
+                  {t('core:message.generic.name_registration', {
-                  requires a {nameFee} QORT fee
+                    balance: balance ?? 0,
+                    fee: { nameFee },
+                    postProcess: 'capitalize',
+                  })}
                 </Typography>
               </Box>
 
               <Spacer height="10px" />
             </>
           )}
+
           <Spacer height="5px" />
+
           {isNameAvailable === Availability.AVAILABLE && (
             <Box
               sx={{
@@ -245,9 +277,15 @@ export const RegisterName = ({
                   color: theme.palette.text.primary,
                 }}
               />
-              <Typography>{registerNameValue} is available</Typography>
+              <Typography>
+                {t('core:message.generic.name_available', {
+                  name: registerNameValue,
+                  postProcess: 'capitalize',
+                })}
+              </Typography>
             </Box>
           )}
+
           {isNameAvailable === Availability.NOT_AVAILABLE && (
             <Box
               sx={{
@@ -261,9 +299,15 @@ export const RegisterName = ({
                   color: theme.palette.text.primary,
                 }}
               />
-              <Typography>{registerNameValue} is unavailable</Typography>
+              <Typography>
+                {t('core:message.generic.name_unavailable', {
+                  name: registerNameValue,
+                  postProcess: 'capitalize',
+                })}
+              </Typography>
             </Box>
           )}
+
           {isNameAvailable === Availability.LOADING && (
             <Box
               sx={{
@@ -273,17 +317,27 @@ export const RegisterName = ({
               }}
             >
               <BarSpinner width="16px" color={theme.palette.text.primary} />
-              <Typography>Checking if name already existis</Typography>
+
+              <Typography>
+                {t('core:message.generic.name_checking', {
+                  postProcess: 'capitalize',
+                })}
+              </Typography>
             </Box>
           )}
+
           <Spacer height="25px" />
+
           <Typography
             sx={{
               textDecoration: 'underline',
             }}
           >
-            Benefits of a name
+            {t('core:message.generic.name_benefits', {
+              postProcess: 'capitalize',
+            })}
           </Typography>
+
           <List
             sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}
             aria-label="contacts"
@@ -296,7 +350,11 @@ export const RegisterName = ({
                   }}
                 />
               </ListItemIcon>
-              <ListItemText primary="Publish data to Qortal: anything from apps to videos. Fully decentralized!" />
+              <ListItemText
+                primary={t('core:message.generic.publish_data', {
+                  postProcess: 'capitalize',
+                })}
+              />
             </ListItem>
 
             <ListItem disablePadding>
@@ -307,7 +365,11 @@ export const RegisterName = ({
                   }}
                 />
               </ListItemIcon>
-              <ListItemText primary="Secure ownership of data published by your name. You can even sell your name, along with your data to a third party." />
+              <ListItemText
+                primary={t('core:message.generic.secure_ownership', {
+                  postProcess: 'capitalize',
+                })}
+              />
             </ListItem>
           </List>
         </Box>
@@ -322,7 +384,7 @@ export const RegisterName = ({
             setRegisterNameValue('');
           }}
         >
-          Close
+          {t('core:action.close', { postProcess: 'capitalize' })}
         </Button>
 
         <Button
@@ -337,7 +399,7 @@ export const RegisterName = ({
           onClick={registerName}
           autoFocus
         >
-          Register Name
+          {t('core:action.register_name', { postProcess: 'capitalize' })}
         </Button>
       </DialogActions>
     </Dialog>

src/i18n/locales/en/core.json

@@ -13,9 +13,11 @@
     "continue": "continue",
     "continue_logout": "continue to logout",
     "create_thread": "create thread",
+    "choose_name": "choose a name",
     "decline": "decline",
     "decrypt": "decrypt",
     "edit": "edit",
+    "enter_name": "enter a name",
     "export": "export",
     "import": "import",
     "invite": "invite",
@@ -30,6 +32,7 @@
     "post": "post",
     "post_message": "post message",
     "publish": "publish",
+    "register_name": "register name",
     "remove": "remove",
     "save": "save",
     "start_minting": "start minting"
@@ -67,6 +70,7 @@
   "message_us": "please message us on Telegram or Discord if you need 4 QORT to start chatting without any limitations",
   "message": {
     "error": {
+      "address_not_found": "your address was not found",
       "generic": "an error occurred",
       "incorrect_password": "incorrect password",
       "minting_account_add": "unable to add minting account",
@@ -74,6 +78,15 @@
       "missing_field": "missing: {{ field }}",
       "save_qdn": "unable to save to QDN"
     },
+    "generic": {
+      "name_available": "{{ name }} is available",
+      "name_benefits": "benefits of a name",
+      "name_checking": "checking if name already exists",
+      "name_registration": "your balance is {{ balance }} QORT. A name registration requires a {{ fee }} QORT fee",
+      "name_unavailable": "{{ name }} is unavailable",
+      "publish_data": "publish data to Qortal: anything from apps to videos. Fully decentralized!",
+      "secure_ownership": "secure ownership of data published by your name. You can even sell your name, along with your data to a third party."
+    },
     "question": {
       "new_user": "are you a new user?"
     },

src/i18n/locales/en/group.json

@@ -118,6 +118,9 @@
       "invitation_request": "accepted join request: awaiting confirmation",
       "loading_threads": "loading threads... please wait.",
       "post_creation": "successfully created post. It may take some time for the publish to propagate",
+      "registered_name": "successfully registered. It may take a couple of minutes for the changes to propagate",
+      "registered_name_label": "registered name: awaiting confirmation. This may take a couple minutes.",
+      "registered_name_success": "registered name: success!",
       "rewardshare_add": "add rewardshare: awaiting confirmation",
       "rewardshare_add_label": "add rewardshare: success!",
       "rewardshare_creation": "confirming creation of rewardshare on chain. Please be patient, this could take up to 90 seconds.",
@@ -131,7 +134,8 @@
   },
   "question": {
     "perform_transaction": "would you like to perform a {{action}} transaction?",
-    "provide_thread": "please provide a thread title"
+    "provide_thread": "please provide a thread title",
+    "register_name": "would you like to register this name?"
   },
   "thread_posts": "new thread posts"
 }