From 36fe3ef62df60b3fa304d2b875cd3b3ba0da889e Mon Sep 17 00:00:00 2001
From: Lee Wong <linhtm@newayict.com>
Date: Sat, 1 Jun 2024 12:48:34 +0700
Subject: [PATCH] Update airdrop detail header

---
 .../src/Popup/Home/Airdrop/AirdropDetail/Header.tsx       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/extension-koni-ui/src/Popup/Home/Airdrop/AirdropDetail/Header.tsx b/packages/extension-koni-ui/src/Popup/Home/Airdrop/AirdropDetail/Header.tsx
index bf5e891a91..da38601698 100644
--- a/packages/extension-koni-ui/src/Popup/Home/Airdrop/AirdropDetail/Header.tsx
+++ b/packages/extension-koni-ui/src/Popup/Home/Airdrop/AirdropDetail/Header.tsx
@@ -33,12 +33,12 @@ function Component ({ airdropInfo, className }: Props) {
     let currentTimeline = Timeline.START;
     const pastTimelines: Timeline[] = [Timeline.START];
 
-    if (airdropInfo.start_snapshot && now >= new Date(airdropInfo.start_snapshot).getTime()) {
+    if (airdropInfo.end_snapshot && now >= new Date(airdropInfo.end_snapshot).getTime()) {
       currentTimeline = Timeline.SNAPSHOT;
       pastTimelines.push(Timeline.SNAPSHOT);
     }
 
-    if (airdropInfo.start_claim && now >= new Date(airdropInfo.start_claim).getTime()) {
+    if (airdropInfo.end_claim && now >= new Date(airdropInfo.end_claim).getTime()) {
       currentTimeline = Timeline.CLAIM;
       pastTimelines.push(Timeline.CLAIM);
     }
@@ -213,11 +213,11 @@ export const AirdropDetailHeader = styled(Component)<Props>(({ theme: { extendTo
       },
 
       '&.-is-snapshot:before': {
-        maxWidth: '25%'
+        maxWidth: `${100 / 3}%`
       },
 
       '&.-is-claim:before': {
-        maxWidth: '75%'
+        maxWidth: `${200 / 3}%`
       },
 
       '&.-is-end:before': {