From 1b0bf5c39bd99c100427e24943bdd14f8e4fb70a Mon Sep 17 00:00:00 2001
From: Frenkie Nguyen <nguyentiendung.me@gmail.com>
Date: Mon, 2 Dec 2024 09:49:52 +0700
Subject: [PATCH] [Issue-212][[Story Odyssey] Update content for mint phase 2

---
 .../components/Mint/MintNftHeader/index.tsx    | 18 ++++++++++++++----
 .../src/connector/booka/sdk.ts                 |  5 +++--
 .../src/connector/booka/types.ts               |  1 +
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/extension-koni-ui/src/components/Mint/MintNftHeader/index.tsx b/packages/extension-koni-ui/src/components/Mint/MintNftHeader/index.tsx
index cbf41c2074..6bd4df3e65 100644
--- a/packages/extension-koni-ui/src/components/Mint/MintNftHeader/index.tsx
+++ b/packages/extension-koni-ui/src/components/Mint/MintNftHeader/index.tsx
@@ -124,10 +124,16 @@ function Component ({ airdropNftInfo, className, onClickLogo, onClickNameArea }:
           </div>
 
           <div className='__airdrop-token'>
-            <span className='__airdrop-token-value'>{toDisplayNumber(airdropNftInfo.total_badges)}</span>
-            <span className='__airdrop-token-symbol'>{
-              airdropNftInfo.total_badges > 1 ? t('badges') : t('badge')
-            }</span>
+            {!airdropNftInfo.sub_title
+              ? (<>
+                <span className='__airdrop-token-value'>{toDisplayNumber(airdropNftInfo.total_badges)}</span><span
+                  className='__airdrop-token-symbol'
+                >{airdropNftInfo.total_badges > 1 ? t('badges') : t('badge')}</span>
+              </>)
+              : (
+                <span className='__airdrop-token-sub-title'>{airdropNftInfo.sub_title}</span>
+              )
+            }
           </div>
         </div>
 
@@ -265,6 +271,10 @@ const MintNftHeader = styled(Component)<Props>(({ theme: { extendToken, token }
       color: token.colorTextDark3
     },
 
+    '.__airdrop-token-sub-title': {
+      color: token.colorTextDark3
+    },
+
     '.__share-button-wrapper': {
       alignSelf: 'stretch'
     },
diff --git a/packages/extension-koni-ui/src/connector/booka/sdk.ts b/packages/extension-koni-ui/src/connector/booka/sdk.ts
index 8c61d5b04b..f7f503d211 100644
--- a/packages/extension-koni-ui/src/connector/booka/sdk.ts
+++ b/packages/extension-koni-ui/src/connector/booka/sdk.ts
@@ -966,7 +966,7 @@ export class BookaSdk {
     const eligibilityList = [
       {
         id: 1,
-        name: 'Hunt at least 19,999 accumulated SP from 07 Nov to 05 Dec',
+        name: 'Hunt at least 19,999 SP accumulated from 07 Nov to 05 Dec',
         start: getUCTPlus7('2024-11-07 07:00'),
         end: getUCTPlus7('2024-12-05 07:00')
       },
@@ -986,6 +986,7 @@ export class BookaSdk {
       start_mint: getUCTPlus7('2024-12-06 10:00'),
       network: 'Polkadot',
       total_badges: 5000,
+      sub_title: 'Phase 2',
       symbol: 'badge',
       // decimal: number;
       // method: string;
@@ -1026,7 +1027,7 @@ export class BookaSdk {
         </h2>
 
         <p>
-          👉Hunt at least 19,999 accumulated SP from Nov 07 to Dec 05
+          👉Hunt at least 19,999 SP accumulated from Nov 07 to Dec 05
         </p>
 
         <p>
diff --git a/packages/extension-koni-ui/src/connector/booka/types.ts b/packages/extension-koni-ui/src/connector/booka/types.ts
index 6f4be79e38..b6954a9c1a 100644
--- a/packages/extension-koni-ui/src/connector/booka/types.ts
+++ b/packages/extension-koni-ui/src/connector/booka/types.ts
@@ -354,6 +354,7 @@ export interface IAirdropNftMinting {
   end_mint?: Date;
   network: string;
   total_badges: number;
+  sub_title?: string;
   symbol: string;
   // decimal: number;
   // method: string;