feat(NoticeArticleTitle): update archived title

thematters · Sep 3, 2024 · 6cd299f · 6cd299f
1 parent 5241e45
commit 6cd299f
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 2 deletions.
diff --git a/lang/default.json b/lang/default.json
@@ -3532,6 +3532,10 @@
   "z3uIHQ": {
     "defaultMessage": "Undo upvote"
   },
+  "z91BKe": {
+    "defaultMessage": "Archived Work",
+    "description": "src/components/Notice/NoticeArticleTitle.tsx"
+  },
   "zAK5G+": {
     "defaultMessage": "The login link has been sent to {email}",
     "description": "src/components/Forms/Verification/LinkSent.tsx"

diff --git a/lang/en.json b/lang/en.json
@@ -3532,6 +3532,10 @@
   "z3uIHQ": {
     "defaultMessage": "Undo upvote"
   },
+  "z91BKe": {
+    "defaultMessage": "Archived Work",
+    "description": "src/components/Notice/NoticeArticleTitle.tsx"
+  },
   "zAK5G+": {
     "defaultMessage": "The login link has been sent to {email}",
     "description": "src/components/Forms/Verification/LinkSent.tsx"

diff --git a/lang/zh-Hans.json b/lang/zh-Hans.json
@@ -3532,6 +3532,10 @@
   "z3uIHQ": {
     "defaultMessage": "取消点赞"
   },
+  "z91BKe": {
+    "defaultMessage": "已归档作品",
+    "description": "src/components/Notice/NoticeArticleTitle.tsx"
+  },
   "zAK5G+": {
     "defaultMessage": "登录链接已发送至 {email}",
     "description": "src/components/Forms/Verification/LinkSent.tsx"

diff --git a/lang/zh-Hant.json b/lang/zh-Hant.json
@@ -3532,6 +3532,10 @@
   "z3uIHQ": {
     "defaultMessage": "取消點讚"
   },
+  "z91BKe": {
+    "defaultMessage": "已封存作品",
+    "description": "src/components/Notice/NoticeArticleTitle.tsx"
+  },
   "zAK5G+": {
     "defaultMessage": "登入連結已發送至 {email}",
     "description": "src/components/Forms/Verification/LinkSent.tsx"

diff --git a/src/components/Notice/NoticeArticleTitle.tsx b/src/components/Notice/NoticeArticleTitle.tsx
@@ -1,10 +1,11 @@
 import gql from 'graphql-tag'
 import Link from 'next/link'
+import { FormattedMessage } from 'react-intl'
 
 import { TEST_ID } from '~/common/enums'
 import { toPath } from '~/common/utils'
 import { ArticleDigestTitle } from '~/components/ArticleDigest'
-import { NoticeArticleTitleFragment } from '~/gql/graphql'
+import { ArticleState, NoticeArticleTitleFragment } from '~/gql/graphql'
 
 import styles from './styles.module.css'
 
@@ -24,14 +25,24 @@ const NoticeArticleTitle = ({
     article,
   })
 
+  const isArchived = article.articleState === ArticleState.Archived
+
   if (!isBlock) {
     return (
       <Link {...path}>
         <a
           className={styles.noticeArticleTitle}
           data-test-id={TEST_ID.NOTICE_ARTICLE_TITLE}
         >
-          {article.title}
+          {isArchived ? (
+            <FormattedMessage
+              defaultMessage="Archived Work"
+              id="z91BKe"
+              description="src/components/Notice/NoticeArticleTitle.tsx"
+            />
+          ) : (
+            article.title
+          )}
         </a>
       </Link>
     )