refactor(console): fix contact us ux (#1547)

packages/console/src/components/AppContent/components/Sidebar/components/Contact/hook.tsx

@@ -34,7 +34,7 @@ export const useContacts = (): ContactItem[] => {
       icon: isLightMode ? Github : GithubDark,
       description: 'contact.github.description',
       label: 'contact.github.button',
-      link: 'https://github.com/logto-io/logto',
+      link: 'https://github.com/logto-io/logto/issues',
     },
     {
       title: 'contact.email.title',

packages/console/src/components/AppContent/components/Sidebar/components/Contact/index.tsx

@@ -27,7 +27,7 @@ const Contact = ({ isOpen, onCancel }: Props) => {
       <ModalLayout title="contact.title" subtitle="contact.description" onClose={onCancel}>
         <div className={styles.main}>
           {contacts.map(({ title, icon: ContactIcon, description, label, link }) => (
-            <div key={title} className={styles.row} onClick={() => window.open(link)}>
+            <div key={title} className={styles.row}>
               <div className={styles.icon}>
                 <ContactIcon />
               </div>
@@ -36,7 +36,12 @@ const Contact = ({ isOpen, onCancel }: Props) => {
                 <div className={styles.description}>{t(description)}</div>
               </div>
               <div>
-                <Button type="outline" title={label} className={styles.button} />
+                <Button
+                  type="outline"
+                  title={label}
+                  className={styles.button}
+                  onClick={() => window.open(link)}
+                />
               </div>
             </div>
           ))}

packages/phrases/src/languages/en/translation/admin-console/contact.ts

@@ -10,7 +10,7 @@ const contact = {
   github: {
     title: 'GitHub',
     description: 'Create an issue and submit at GitHub',
-    button: 'Contact',
+    button: 'Open',
   },
   email: {
     title: 'Send email',

packages/phrases/src/languages/zh-cn/translation/admin-console/contact.ts

@@ -8,8 +8,8 @@ const contact = {
   },
   github: {
     title: 'GitHub',
-    description: '通过 GitHub，给我们提一个 issue',
-    button: '马上联系',
+    description: '通过 GitHub 给我们提一个 issue',
+    button: '前往页面',
   },
   email: {
     title: '邮件联系',