buy button

showtime-xyz · Dec 7, 2023 · 87e4c50 · 87e4c50
1 parent 946159f
commit 87e4c50
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git 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
@@ -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 />;
     },
     []
   );