fix: app icon

project-kardeshev · Jan 7, 2023 · ed40480 · ed40480
1 parent fc876ae
commit ed40480
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -2,4 +2,5 @@ export { default as useActiveAddress, usePublicKey } from "./hooks/active_addres
 export { default as useAddresses, useWalletNames } from "./hooks/addresses";
 export { default as useConnection } from "./hooks/connection";
 export { ArConnectKit } from "./components/Provider";
+export { default as useApi } from "./hooks/api";
 export { useStrategy } from "./hooks/strategy";
diff --git a/src/modals/Connect.tsx b/src/modals/Connect.tsx
@@ -169,7 +169,7 @@ export function ConnectModal() {
         <Connecting>
           <WalletData>
             <AppIcon colorTheme={strategyData?.theme}>
-              <Logo src={strategyData?.logo} />
+              <Logo src={`${gateway}/${strategyData?.logo}`} />
             </AppIcon>
             {(strategyAvailable && (
               <>
@@ -236,13 +236,16 @@ const Connecting = styled.div`
 
 const WalletData = styled.div`
   position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   top: 45%;
   left: 50%;
   width: 70%;
   transform: translate(-50%, -50%);
 
   ${AppIcon} {
-    margin: 0 auto .65rem;
+    margin-bottom: .65rem;
   }
 
   ${Title} {
@@ -257,7 +260,6 @@ const WalletData = styled.div`
   }
 
   ${Button} {
-    margin: 0 auto;
     margin-top: 1rem;
   }
 `;