fix: Merge branch 'alpha' into alpha-deployment

push-protocol · Sep 25, 2023 · 7efc3ab · 7efc3ab
2 parents 236f166 + 986f0b0
commit 7efc3ab
Show file tree

Hide file tree

Showing 4 changed files with 639 additions and 13 deletions.
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx
@@ -14,7 +14,10 @@ const ChatViewComponentTest = () => {
     <div>
       <h2>Chat UI Test page</h2>
       <ChatViewComponentCard>
-        <ChatViewComponent onGetTokenClick={() => console.log("BOIIII RETURNNNSSSSS")} chatId='b8e068e02fe12d7136bc2f24408835573f30c6fbf0b65ea26ab4c7055a2c85f1' limit={10} isConnected={true} autoConnect={true}/>
+
+        <ChatViewComponent onGetTokenClick={() => console.log("BOIIII RETURNNNSSSSS")} chatId='b8e068e02fe12d7136bc2f24408835573f30c6fbf0b65ea26ab4c7055a2c85f1' limit={10} isConnected={true} autoConnect={false}/>
+
+
       </ChatViewComponentCard>
     </div>
   );

diff --git a/packages/uiweb/package.json b/packages/uiweb/package.json
@@ -8,6 +8,7 @@
     "@livepeer/react": "^2.6.0",
     "@pushprotocol/socket": "^0.5.0",
     "@unstoppabledomains/resolution": "^8.5.0",
+    "@web3-onboard/coinbase": "^2.2.5",
     "@web3-onboard/core": "^2.21.1",
     "@web3-onboard/injected-wallets": "^2.10.5",
     "@web3-onboard/react": "^2.8.9",

diff --git a/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx b/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx
@@ -1,9 +1,10 @@
 import { IChatTheme } from '../theme';
 
+import coinbaseWalletModule from '@web3-onboard/coinbase'
 import { ConnectButtonSub } from './ConnectButton';
 import { InfuraAPIKey } from '../../../config';
 import { Web3OnboardProvider } from '@web3-onboard/react';
-import injectedModule from '@web3-onboard/injected-wallets';
+import injectedModule, { ProviderLabel } from '@web3-onboard/injected-wallets';
 import walletConnectModule from '@web3-onboard/walletconnect'
 import init from '@web3-onboard/core';
 import { ethers } from 'ethers';
@@ -23,6 +24,7 @@ const wcv2InitOptions = {
 }
 
 const walletConnect = walletConnectModule(wcv2InitOptions)
+const coinbaseWalletSdk = coinbaseWalletModule({ darkMode: true })
 const chains = [
   {
     id: '0x1',
@@ -61,11 +63,15 @@ const chains = [
     rpcUrl: 'https://rpc.ankr.com/arbitrum'
   }
 ]
-const wallets = [injectedModule(), walletConnect]
+
+const wallets = [injectedModule({
+  displayUnavailable: [ProviderLabel.MetaMask]
+}), walletConnect, coinbaseWalletSdk]
+
 
 const appMetadata = {
   name: 'Push Protocol',
-  icon: 'https://files.slack.com/files-pri/T011WQBLH39-F05QWQA0MSR/pushlogoblocknative.png',
+  icon: 'https://push.org/static/media/PushLogoTextBlack.fa01629c2ebd2149bab979861756591d.svg',
   description: 'Example showcasing how to connect a wallet.',
 
   recommendedInjectedWallets: [
@@ -94,7 +100,7 @@ interface IConnectButtonCompProps {
   autoConnect?: boolean;
 }
 
-export const ConnectButtonComp:React.FC<IConnectButtonCompProps> = ({ autoConnect }) => {
+export const ConnectButtonComp: React.FC<IConnectButtonCompProps> = ({ autoConnect }) => {
   return (
     <Web3OnboardProvider web3Onboard={web3OnBoard}>
       <ConnectButtonSub autoConnect={autoConnect} />