update user guide ui

src/pages/UserMenu/index.js

@@ -67,94 +67,102 @@ const UserMenu = () => {
                         <div style={BackgroundHead}>
                             <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
                                 <Typography ml={15} color='#FFF' variant="h4" sx={{ display: { xs: 'none', sm: 'none', md: 'block', pt: 2 } }}>
-                                    <FormattedMessage id="userMenu" />
+                                    <FormattedMessage id="userGuide" />
                                 </Typography>
                             </Stack>
                         </div>
                     </Grid>
                     <Grid item xs={10} md={5}>
-                        <p>
-                            <table style={tableStyle}>
-                                <tr>
-                                    <th style={cellStyle} width="70%"> <FormattedMessage id="fileName" /></th>
-                                    <th style={cellStyle} width="10%">English</th>
-                                    <th style={cellStyle} width="10%">繁體中文</th>
-                                    <th style={cellStyle} width="10%">简体中文</th>
-                                </tr>
-
-                                {getRow({
-                                    title: "Account Activation.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/01",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/01c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/01sc"
-                                })}
-
-                                {getRow({
-                                    title: "Login.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/02",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/02c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/02sc"
-                                })}
-
-                                {getRow({
-                                    title: "Application for publishing a Public Notice in the Gazette.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/03",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/03c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/03sc"
-                                })}
-
-                                {getRow({
-                                    title: "Proofreading reply (with correction).pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/04",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/04c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/04sc"
-                                })}
-
-                                {getRow({
-                                    title: "Proofreading reply (pass for printing).pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/05",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/05c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/05sc"
-                                })}
-
-                                {getRow({
-                                    title: "Cancellation of application for publishing a Public Notice in the Gazette.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/06",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/06c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/06sc"
-                                })}
-
-                                {getRow({
-                                    title: "Forgot password.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/07",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/07c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/07sc"
-                                })}
-
-                                {getRow({
-                                    title: "Change password.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/08",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/08c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/08sc"
-                                })}
-
-                                {getRow({
-                                    title: "Language of email notification.pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/09",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/09c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/09sc"
-                                })}
-
-                                {getRow({
-                                    title: "Download General Demand Note for making payment(s).pdf",
-                                    en: "https://pnsps.gld.gov.hk/user-guide/eng/10",
-                                    zh: "https://pnsps.gld.gov.hk/user-guide/cht/10c",
-                                    cn: "https://pnsps.gld.gov.hk/user-guide/chs/10sc"
-                                })}
-
-
-                            </table>
-                        </p>
+                        <div style={{
+                            textAlign: "justify",
+                            textJustify: "interWord",
+                            fontStyle: "normal"
+                        }}>
+
+                            <p>
+                                <FormattedMessage id="userGuideDes" />
+                                <table style={tableStyle}>
+                                    <tr>
+                                        <th style={cellStyle} width="70%"> <FormattedMessage id="fileName" /></th>
+                                        <th style={cellStyle} width="10%">English</th>
+                                        <th style={cellStyle} width="10%">繁體中文</th>
+                                        <th style={cellStyle} width="10%">简体中文</th>
+                                    </tr>
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide1" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/01",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/01c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/01sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide2" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/02",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/02c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/02sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide3" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/03",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/03c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/03sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide4" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/04",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/04c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/04sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide5" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/05",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/05c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/05sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide6" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/06",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/06c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/06sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide7" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/07",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/07c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/07sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide8" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/08",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/08c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/08sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide9" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/09",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/09c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/09sc"
+                                    })}
+
+                                    {getRow({
+                                        title: <FormattedMessage id="userGuide10" />,
+                                        en: "https://pnsps.gld.gov.hk/user-guide/eng/10",
+                                        zh: "https://pnsps.gld.gov.hk/user-guide/cht/10c",
+                                        cn: "https://pnsps.gld.gov.hk/user-guide/chs/10sc"
+                                    })}
+
+
+                                </table>
+                            </p>
+                        </div>
                     </Grid>
                 </Grid>
             )

src/translations/en.json

@@ -145,7 +145,6 @@
   "welcomeMsg_night": "Good evening! Please select the required service.",
 
   "aboutUs": "About Us",
-  "userMenu": "User Guide",
   "login": "Login",
   "logout": "Logout",
   "iAmSmartLogin": "Continue with iAM Smart",
@@ -562,6 +561,20 @@
   "proofNoReply":"Proofing timed out. Please apply again.",
   "proofPendingReply":"Proofing reply pending",
 
+  "userGuide": "User Guide",
+  "userGuideDes":"User Guide (for users granted with the arrangement to make payment of the gazette fees after the publication of the public notices in the Gazette)",
+
+  "userGuide1":"1. Account Activation",
+  "userGuide2":"2. Login",
+  "userGuide3":"3. Application for publishing a Public Notice in the Gazette",
+  "userGuide4":"4. Proofreading reply (with correction)",
+  "userGuide5":"5. Proofreading reply (pass for printing)",
+  "userGuide6":"6. Cancellation of application for publishing a Public Notice in the Gazette",
+  "userGuide7":"7. Forgot password",
+  "userGuide8":"8. Change password",
+  "userGuide9":"9. Language of email communication",
+  "userGuide10":"10. Download General Demand Note for making payment(s)",
+
   "Dashboard": "Dashboard",
   "event": "Event"
 }

src/translations/zh-CN.json

@@ -557,6 +557,20 @@
   "proofNoReply":"校对回复逾时，请重新申请",
   "proofPendingReply":"校对待复",
 
+  "userGuide":"使用者指南",
+  "userGuideDes":"使用者指南(为已获安排在宪报刊登公共启事后才须缴付款项的用户而设)",
+
+  "userGuide1":"1. 启动登记账号",
+  "userGuide2":"2. 登录系统",
+  "userGuide3":"3. 递交在宪报刊登公共启事申请",
+  "userGuide4":"4. 回覆稿件 (需要修改)",
+  "userGuide5":"5. 回覆稿件 (可以付印)",
+  "userGuide6":"6. 取消在宪报刊登公共启事申请",
+  "userGuide7":"7. 忘记密码",
+  "userGuide8":"8. 更改密码",
+  "userGuide9":"9. 电邮通讯语言",
+  "userGuide10":"10. 下载缴款单缴付款项",
+
   "Dashboard": "仪表板",
   "event": "活动"
 }

src/translations/zh-HK.json

@@ -182,7 +182,6 @@
   "welcomeMsg_night": "晚安! 請選擇所需服務。",
 
   "aboutUs": "關於我們",
-  "userMenu": "使用手册",
   "login": "登入",
   "logout": "登出",
   "iAmSmartLogin": "以智方便繼續",
@@ -559,6 +558,20 @@
   "proofNoReply":"校對回覆逾時，請重新申請",
   "proofPendingReply":"校對待覆",
 
+  "userGuide": "使用者指南",
+  "userGuideDes":"使用者指南(為已獲安排在憲報刊登公共啟事後才須繳付款項的用戶而設)",
+
+  "userGuide1":"1. 啟動登記帳號",
+  "userGuide2":"2. 登入系統",
+  "userGuide3":"3. 遞交在憲報刊登公共啟事申請",
+  "userGuide4":"4. 回覆稿件 (需要修改)",
+  "userGuide5":"5. 回覆稿件 (可以付印)",
+  "userGuide6":"6. 取消在憲報刊登公共啟事申請",
+  "userGuide7":"7. 忘記密碼",
+  "userGuide8":"8. 更改密碼",
+  "userGuide9":"9. 電郵通訊語言",
+  "userGuide10":"10. 下載繳款單繳付款項",
+
   "Dashboard": "儀表板",
   "event": "活動"
 }