Merge pull request #4242 from thematters/develop

Release v4.30.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "matters-web",
-  "version": "4.30.0",
+  "version": "4.30.1",
   "description": "codebase of Matters' website",
   "author": "Matters <[email protected]>",
   "engines": {

src/common/enums/externalLinks.ts

@@ -67,4 +67,9 @@ export const GUIDE_LINKS = {
     zh_hans: `https://matters.town/zh_Hans/@hi176/387120?locale=zh-Hans`,
     en: `https://matters.town/@hi176/387120?locale=en`,
   },
+  billboard: {
+    zh_hant: `https://matters.town/@hi176/554162`,
+    zh_hans: `https://matters.town/@hi176/554162?locale=zh-Hans`,
+    en: `https://matters.town/@web3/554164?locale=en`,
+  },
 }

src/components/Dialogs/BillboardDialog/Content.tsx

@@ -1,6 +1,8 @@
+import { useContext } from 'react'
 import { FormattedMessage } from 'react-intl'
 
-import { Dialog } from '~/components/Dialog'
+import { GUIDE_LINKS } from '~/common/enums'
+import { Dialog, LanguageContext } from '~/components'
 
 interface Props {
   closeDialog: () => void
@@ -9,6 +11,8 @@ interface Props {
 const isProd = process.env.NEXT_PUBLIC_RUNTIME_ENV === 'production'
 
 const Content: React.FC<Props> = ({ closeDialog }) => {
+  const { lang } = useContext(LanguageContext)
+  const guideURL = GUIDE_LINKS.billboard[lang]
   const billboardURL = isProd
     ? 'https://billboard.matters-lab.io'
     : 'https://billboard-develop.matters-lab.io'
@@ -32,7 +36,7 @@ const Content: React.FC<Props> = ({ closeDialog }) => {
               description="src/components/Dialogs/BillboardDialog/Content.tsx"
               values={{
                 announcements: (
-                  <a className="u-link-green" href="" target="_blank">
+                  <a className="u-link-green" href={guideURL} target="_blank">
                     <FormattedMessage
                       defaultMessage="announcements"
                       description="src/components/Dialogs/BillboardDialog/Content.tsx"