From a9e0ac7004bcf0c0d6ff941f45a3f6e62efa129e Mon Sep 17 00:00:00 2001
From: alantoa <toacncom@gmail.com>
Date: Fri, 3 Nov 2023 19:42:22 +0800
Subject: [PATCH] fix: creator token gold intro banner

---
 packages/app/components/home/header.tsx         | 14 +++++++++-----
 packages/app/components/profile/profile-top.tsx |  8 +++++++-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/app/components/home/header.tsx b/packages/app/components/home/header.tsx
index 901c54d6e..d4ff0ebf6 100644
--- a/packages/app/components/home/header.tsx
+++ b/packages/app/components/home/header.tsx
@@ -16,7 +16,7 @@ import { useRouter } from "@showtime-xyz/universal.router";
 import { Skeleton } from "@showtime-xyz/universal.skeleton";
 import { colors } from "@showtime-xyz/universal.tailwind";
 import { Text } from "@showtime-xyz/universal.text";
-import { View } from "@showtime-xyz/universal.view";
+import { View, ViewProps } from "@showtime-xyz/universal.view";
 
 import {
   DESKTOP_CONTENT_WIDTH,
@@ -42,11 +42,11 @@ const heightsNative = [HIDDEN_HEIGHT, VISIBLE_HEIGHT_NATIVE];
 
 export const CreatorTokensBanner = ({
   height,
+  style,
   tw,
 }: {
   height?: number;
-  tw?: string;
-}) => {
+} & ViewProps) => {
   // const showValue = getIsShowCreatorTokenIntroBanner() ? 1 : 0;
   const showValue = 1;
   const showBanner = useSharedValue(showValue);
@@ -129,7 +129,11 @@ export const CreatorTokensBanner = ({
     redirectToSelfServeExplainerModal,
     user?.user?.data.profile.creator_token_onboarding_status,
   ]);
-
+  if (
+    user?.user?.data.profile.creator_token_onboarding_status === "onboarded"
+  ) {
+    return null;
+  }
   return (
     <>
       <AnimatedView
@@ -137,7 +141,7 @@ export const CreatorTokensBanner = ({
           "absolute w-full flex-row items-center overflow-hidden px-4 py-2.5",
           tw as any,
         ]}
-        style={animatedStyle}
+        style={[animatedStyle, style]}
       >
         <BgGoldLinearGradient />
         <View>
diff --git a/packages/app/components/profile/profile-top.tsx b/packages/app/components/profile/profile-top.tsx
index cb4649115..378bf42b7 100644
--- a/packages/app/components/profile/profile-top.tsx
+++ b/packages/app/components/profile/profile-top.tsx
@@ -268,7 +268,13 @@ export const ProfileTop = memo<ProfileTopProps>(function ProfileTop({
   return (
     <>
       {Platform.OS === "web" && (
-        <CreatorTokensBanner height={52} tw={isSelf ? "pr-14" : ""} />
+        <CreatorTokensBanner
+          height={52}
+          style={{
+            paddingLeft: isSelf ? 16 : 44,
+            paddingRight: isSelf ? 44 : 16,
+          }}
+        />
       )}
       <View tw="web:bg-gray-100 overflow-hidden bg-gray-400 dark:bg-gray-800">
         <ProfileCover uri={getFullSizeCover(profileData?.profile)} />