From 3d639aed519075da683e80f627860c7dc4bf8905 Mon Sep 17 00:00:00 2001
From: Alan Toa <37520667+alantoa@users.noreply.github.com>
Date: Fri, 10 Nov 2023 00:01:16 +0800
Subject: [PATCH] fix: connect wallet options are broken (#2520)

* fix: connect wallet options are broken

* fix share style
---
 .../creator-token-social-share.tsx            | 15 ++-------------
 packages/app/providers/wallet-provider.tsx    | 19 ++++++++-----------
 2 files changed, 10 insertions(+), 24 deletions(-)

diff --git a/packages/app/components/creator-token/creator-token-social-share.tsx b/packages/app/components/creator-token/creator-token-social-share.tsx
index e698a429f6..663cade091 100644
--- a/packages/app/components/creator-token/creator-token-social-share.tsx
+++ b/packages/app/components/creator-token/creator-token-social-share.tsx
@@ -1,4 +1,4 @@
-import { useRef, useMemo, useCallback, useEffect, Suspense } from "react";
+import { useRef, useMemo, useCallback, Suspense } from "react";
 import {
   useWindowDimensions,
   Linking,
@@ -15,20 +15,15 @@ import { useIsDarkMode } from "@showtime-xyz/universal.hooks";
 import {
   MoreHorizontal,
   Instagram,
-  TwitterOutline,
   Download,
   Link,
-  CreatorChannelType,
-  ShowtimeBrand,
   ArrowTopRounded,
   GrowthArrow,
   UnLocked,
-  PieChart,
   CreatorChannelFilled,
   X,
 } from "@showtime-xyz/universal.icon";
 import { Image } from "@showtime-xyz/universal.image";
-import { useModalScreenContext } from "@showtime-xyz/universal.modal-screen";
 import { Pressable } from "@showtime-xyz/universal.pressable";
 import { useSafeAreaInsets } from "@showtime-xyz/universal.safe-area";
 import { Spinner } from "@showtime-xyz/universal.spinner";
@@ -41,22 +36,16 @@ import { ErrorBoundary } from "app/components/error-boundary";
 import { useIsInstalledApps, useShareImage } from "app/components/share";
 import { useUserProfile } from "app/hooks/api-hooks";
 import { useCreatorTokenPriceToBuyNext } from "app/hooks/creator-token/use-creator-token-price-to-buy-next";
-import { useUser } from "app/hooks/use-user";
 import { createParam } from "app/navigation/use-param";
 import {
   getCurrencyPrice,
   getTwitterIntent,
   getWebBaseURL,
 } from "app/utilities";
-import { getTwitterIntentUsername } from "app/utilities";
 
 import { breakpoints } from "design-system/theme";
 import { toast } from "design-system/toast";
 
-import {
-  PlatformBuyButton,
-  PlatformSellButton,
-} from "../profile/buy-and-sell-buttons";
 import { ShowtimeBrandLogo } from "../showtime-brand";
 
 type ChannelsPromoteParams = {
@@ -176,7 +165,7 @@ export const CreatorTokenSocialShare = () => {
                       width: imageWidth,
                       height: imageHeight - 20,
                     }}
-                    tw="mb-4 items-center overflow-hidden rounded-3xl"
+                    tw="mb-4 items-center overflow-hidden rounded-t-3xl"
                   >
                     <View tw="absolute inset-0">
                       <Image
diff --git a/packages/app/providers/wallet-provider.tsx b/packages/app/providers/wallet-provider.tsx
index 10d7e44dfd..9680638f5a 100644
--- a/packages/app/providers/wallet-provider.tsx
+++ b/packages/app/providers/wallet-provider.tsx
@@ -106,7 +106,7 @@ const wallets = {
     id: "4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0",
     name: "Trust Wallet",
     homepage: "https://trustwallet.com/",
-    image_id: "0528ee7e-16d1-4089-21e3-bbfb41933100",
+    image_id: "7677b54f-3486-46e2-4e37-bf8747814f00",
     order: 1,
     app: {
       browser: null,
@@ -255,14 +255,7 @@ function WalletConnectQRCodeModal(props: RenderModalProps) {
   }
 
   return (
-    <FullWindowOverlay
-      style={{
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-        justifyContent: "center",
-      }}
-    >
+    <FullWindowOverlay>
       <View tw="flex-1 bg-white dark:bg-black">
         <View style={{ paddingTop: insets.top }} />
         <ModalHeader title="Connect my wallet" onClose={props.onDismiss} />
@@ -284,7 +277,9 @@ function WalletConnectQRCodeModal(props: RenderModalProps) {
               alt="Coinbase Wallet"
             />
             <View tw="w-4" />
-            <Text tw="text-lg text-black dark:text-white">Coinbase Wallet</Text>
+            <Text tw="text-base font-bold text-black dark:text-white">
+              Coinbase Wallet
+            </Text>
           </PressableScale>
 
           {WALLETS.map((wallet) => {
@@ -309,7 +304,9 @@ function WalletConnectQRCodeModal(props: RenderModalProps) {
                   alt={w.name}
                 />
                 <View tw="w-4" />
-                <Text tw="text-lg text-black dark:text-white">{w.name}</Text>
+                <Text tw="text-base font-bold text-black dark:text-white">
+                  {w.name}
+                </Text>
               </PressableScale>
             );
           })}