fix(ArticleDetail): Add announcement flag to campaign detail routing

thematters · Dec 11, 2024 · 4776b16 · 4776b16
1 parent b1684b3
commit 4776b16
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/common/utils/route.ts b/src/common/utils/route.ts
@@ -94,6 +94,7 @@ type ToPathArgs =
       campaign: CampaignArgs
       stage?: CampaignStageArgs
       featured?: boolean
+      announcement?: boolean
     }
   | {
       page: 'userProfile' | 'userCollections'
@@ -247,7 +248,7 @@ export const toPath = (
         href = `${href}?type=${args.stage.id}`
       } else if (args.featured) {
         href = `${href}?type=featured`
-      } else {
+      } else if (args.announcement) {
         href = `${href}?type=announcement`
       }
       break

diff --git a/src/views/ArticleDetail/Header/gql.ts b/src/views/ArticleDetail/Header/gql.ts
@@ -13,6 +13,9 @@ export const fragments = {
             nameZhHant: name(input: { language: zh_hant })
             nameZhHans: name(input: { language: zh_hans })
             nameEn: name(input: { language: en })
+            announcements {
+              id
+            }
           }
         }
         stage {

diff --git a/src/views/ArticleDetail/Header/index.tsx b/src/views/ArticleDetail/Header/index.tsx
@@ -22,6 +22,9 @@ const Header = ({ article }: HeaderProps) => {
   const campaign = article.campaigns[0]?.campaign
   const campaignStage = article.campaigns[0]?.stage
   const { lang } = useContext(LanguageContext)
+  const isAnnouncement = article.campaigns[0]?.campaign?.announcements?.some(
+    (announcement: { id: string }) => announcement.id === article.id
+  )
 
   return (
     <section className={styles.header}>
@@ -36,6 +39,7 @@ const Header = ({ article }: HeaderProps) => {
                 page: 'campaignDetail',
                 campaign,
                 stage: campaignStage || undefined,
+                announcement: isAnnouncement,
               }).href
             }
             onClick={() => {