From 87e4c5040bbbc0bd57715b66491ba5fe9ccb6d28 Mon Sep 17 00:00:00 2001
From: Nishan <nishanbende@gmail.com>
Date: Thu, 7 Dec 2023 13:46:09 -0600
Subject: [PATCH] buy button

---
 .../creator-token/creator-token-users.tsx          | 14 ++++++++++++++
 .../components/creator-token/top-creator-token.tsx |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/app/components/creator-token/creator-token-users.tsx b/packages/app/components/creator-token/creator-token-users.tsx
index f57349017..f5035a03f 100644
--- a/packages/app/components/creator-token/creator-token-users.tsx
+++ b/packages/app/components/creator-token/creator-token-users.tsx
@@ -141,10 +141,12 @@ export const TopCreatorTokenItem = ({
   index,
   tw,
   item,
+  showBuyButton,
   ...rest
 }: ViewProps & {
   index?: number;
   item: TopCreatorTokenUser;
+  showBuyButton?: boolean;
 }) => {
   const router = useRouter();
   const isDark = useIsDarkMode();
@@ -216,6 +218,18 @@ export const TopCreatorTokenItem = ({
               />
             </View>
           </View>
+          {showBuyButton ? (
+            <PlatformBuyButton
+              style={{
+                backgroundColor: "#08F6CC",
+                height: 16,
+                marginTop: 0,
+                width: 48,
+              }}
+              text={<Text tw="text-xs font-semibold">Buy</Text>}
+              username={token.owner_profile?.username}
+            />
+          ) : null}
         </View>
       </View>
     </PressableHover>
diff --git a/packages/app/components/creator-token/top-creator-token.tsx b/packages/app/components/creator-token/top-creator-token.tsx
index 3261420d1..ba1b66153 100644
--- a/packages/app/components/creator-token/top-creator-token.tsx
+++ b/packages/app/components/creator-token/top-creator-token.tsx
@@ -67,7 +67,7 @@ export const TopCreatorTokens = ({
       item,
       index,
     }: ListRenderItemInfo<TopCreatorTokenUser & { loading?: boolean }>) => {
-      return <TopCreatorTokenItem item={item} index={index} />;
+      return <TopCreatorTokenItem item={item} index={index} showBuyButton />;
     },
     []
   );