Merge pull request #142 from us3r-network/F-scanWalletConnectV2-shixu…

…ewen F scan wallet connect v2 shixuewen
us3r-network · Jun 29, 2023 · ebc5a43 · ebc5a43
2 parents 89126a5 + 022428e
commit ebc5a43
Show file tree

Hide file tree

Showing 6 changed files with 409 additions and 524 deletions.
diff --git a/packages/client/scan/.env.example b/packages/client/scan/.env.example
@@ -5,4 +5,6 @@ REACT_APP_API_BASE_URL = http://localhost:3002
 REACT_APP_UPLOAD_API_URL=https://test-enchanft-backend.onrender.com
 
 REACT_APP_CERAMIC_MAINNET_HOST=https://ceramic-miannet.s3.xyz
-REACT_APP_CERAMIC_TESTNET_HOST=https://ceramic-testnet.s3.xyz
+REACT_APP_CERAMIC_TESTNET_HOST=https://ceramic-testnet.s3.xyz
+
+REACT_APP_WALLET_CONNECT_PROJECT_ID = c652d0148879353d7e965d7f6f361e59
diff --git a/packages/client/scan/package.json b/packages/client/scan/package.json
@@ -21,7 +21,7 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.26",
-    "@us3r-network/auth-with-rainbowkit": "^0.1.3",
+    "@us3r-network/auth-with-rainbowkit": "^0.1.8",
     "@us3r-network/data-model": "^0.2.1",
     "@us3r-network/profile": "^0.4.2",
     "axios": "^1.2.6",

diff --git a/packages/client/scan/src/App.tsx b/packages/client/scan/src/App.tsx
@@ -17,7 +17,7 @@ import Nav from './components/Nav'
 import MobileNav from './components/MobileNav'
 import NoMatch from './components/NoMatch'
 import { useGAPageView } from './hooks/useGoogleAnalytics'
-import { CERAMIC_TESTNET_HOST } from './constants'
+import { CERAMIC_TESTNET_HOST, WALLET_CONNECT_PROJECT_ID } from './constants'
 import Models from './container/Models'
 import ModelStream from './container/ModelStream'
 import ModelCreate from './container/ModelCreate'
@@ -84,7 +84,10 @@ export default function App() {
   }, [searchParams, setSearchParams])
 
   return (
-    <Us3rAuthWithRainbowkitProvider>
+    <Us3rAuthWithRainbowkitProvider
+      projectId={WALLET_CONNECT_PROJECT_ID}
+      appName="S3 Scan"
+    >
       <ProfileStateProvider ceramicHost={CERAMIC_TESTNET_HOST}>
         <CeramicProvider
           network={network}

diff --git a/packages/client/scan/src/components/Nav.tsx b/packages/client/scan/src/components/Nav.tsx
@@ -4,6 +4,7 @@ import GitHubButton from 'react-github-btn'
 
 import Logo from './Logo'
 import { useCeramicCtx } from '../context/CeramicCtx'
+import LoginButton from './LoginButton'
 
 export default function Nav() {
   let location = useLocation()
@@ -53,7 +54,7 @@ export default function Nav() {
         </div>
 
         <div className="nav-bottom">
-          {/* <LoginButton /> */}
+          <LoginButton />
           <div className="github-star">
             <GitHubButton
               href="https://github.com/us3r-network/userscan"

diff --git a/packages/client/scan/src/constants/index.ts b/packages/client/scan/src/constants/index.ts
@@ -40,3 +40,7 @@ export const Types: { [key: string]: string } = {
 export const TypesReverse = Object.fromEntries(
   Object.entries(Types).map(([key, value]) => [value, key])
 )
+
+export const WALLET_CONNECT_PROJECT_ID =
+  process.env.REACT_APP_WALLET_CONNECT_PROJECT_ID ||
+  'c652d0148879353d7e965d7f6f361e59'