refactor: rename admin_name to admin_username

Author: sy-records

Diff for: i18n/en_US.yaml

@@ -1679,11 +1679,12 @@ ui:
       label: Private
       switch: Login required
       text: Only logged in users can access this community.
-    admin_name:
-      label: Name
-      msg: Name cannot be empty.
+    admin_username:
+      label: Username
+      caption: People can mention you as "@username".
+      msg: Username cannot be empty.
+      msg_max_length: Username up to 30 characters.
       character: 'Must use the character set "a-z", "0-9", " - . _"'
-      msg_max_length: Name must be at maximum 30 characters in length.
     admin_password:
       label: Password
       text: >-

Diff for: i18n/zh_CN.yaml

@@ -1642,11 +1642,12 @@ ui:
       label: 私有的
       switch: 需要登录
       text: 只有登录用户才能访问这个社区。
-    admin_name:
-      label: 名字
+    admin_username:
+      label: 用户名
+      caption: 用户可以通过 "@用户名" 来提及你。
       msg: 名字不能为空。
+      msg_max_length: 用户名不能超过 30 个字符。
       character: '只能由 "a-z", "0-9", " - . _" 组成'
-      msg_max_length: 名字长度不能超过 30 个字符。
     admin_password:
       label: 密码
       text: >-

Diff for: ui/src/pages/Install/components/FourthStep/index.tsx

@@ -113,21 +113,21 @@ const Index: FC<Props> = ({ visible, data, changeCallback, nextCallback }) => {
       data.name = {
         value: '',
         isInvalid: true,
-        errorMsg: t('admin_name.msg'),
+        errorMsg: t('admin_username.msg'),
       };
     } else if (/[^a-z0-9\-._]/.test(name.value)) {
       bol = false;
       data.name = {
         value: name.value,
         isInvalid: true,
-        errorMsg: t('admin_name.character'),
+        errorMsg: t('admin_username.character'),
       };
     } else if (data.name.value.length > 30) {
       bol = false;
       data.name = {
         value: data.name.value,
         isInvalid: true,
-        errorMsg: t('admin_name.msg_max_length'),
+        errorMsg: t('admin_username.msg_max_length'),
       };
     }
 
@@ -290,7 +290,7 @@ const Index: FC<Props> = ({ visible, data, changeCallback, nextCallback }) => {
 
       <h5>{t('admin_account')}</h5>
       <Form.Group controlId="name" className="mb-3">
-        <Form.Label>{t('admin_name.label')}</Form.Label>
+        <Form.Label>{t('admin_username.label')}</Form.Label>
         <Form.Control
           required
           value={data.name.value}
@@ -305,6 +305,7 @@ const Index: FC<Props> = ({ visible, data, changeCallback, nextCallback }) => {
             });
           }}
         />
+        <Form.Text>{t('admin_username.caption')}</Form.Text>
         <Form.Control.Feedback type="invalid">
           {data.name.errorMsg}
         </Form.Control.Feedback>