diff --git a/wallets/react-wallet-v2/package.json b/wallets/react-wallet-v2/package.json
index 885debd..c5bbab4 100644
--- a/wallets/react-wallet-v2/package.json
+++ b/wallets/react-wallet-v2/package.json
@@ -2,7 +2,7 @@
"name": "react-wallet-v2",
"private": true,
"scripts": {
- "dev": "next dev -p 3100",
+ "dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
@@ -22,7 +22,7 @@
},
"devDependencies": {
"@walletconnect/types": "2.0.0-beta.22",
- "@types/node": "17.0.15",
+ "@types/node": "17.0.16",
"@types/react": "17.0.39",
"eslint": "8.8.0",
"eslint-config-next": "12.0.10",
diff --git a/wallets/react-wallet-v2/public/accounts-icon.svg b/wallets/react-wallet-v2/public/accounts-icon.svg
new file mode 100644
index 0000000..c159f8f
--- /dev/null
+++ b/wallets/react-wallet-v2/public/accounts-icon.svg
@@ -0,0 +1,24 @@
+
diff --git a/wallets/react-wallet-v2/public/settings-icon.svg b/wallets/react-wallet-v2/public/settings-icon.svg
new file mode 100644
index 0000000..11874aa
--- /dev/null
+++ b/wallets/react-wallet-v2/public/settings-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/wallets/react-wallet-v2/public/wallet-connect-logo.svg b/wallets/react-wallet-v2/public/wallet-connect-logo.svg
new file mode 100644
index 0000000..897281f
--- /dev/null
+++ b/wallets/react-wallet-v2/public/wallet-connect-logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/wallets/react-wallet-v2/src/components/AccountCard.tsx b/wallets/react-wallet-v2/src/components/AccountCard.tsx
index fca0044..0350aff 100644
--- a/wallets/react-wallet-v2/src/components/AccountCard.tsx
+++ b/wallets/react-wallet-v2/src/components/AccountCard.tsx
@@ -1,6 +1,5 @@
import { truncate } from '@/utils/HelperUtil'
-import { Avatar, Button, Card, Text } from '@nextui-org/react'
-import { Paper } from 'react-iconly'
+import { Avatar, Card, Text } from '@nextui-org/react'
interface Props {
name: string
@@ -16,14 +15,19 @@ export default function AccountCard({ name, logo, rgb, address }: Props) {
borderWeight="light"
css={{
borderColor: `rgba(${rgb}, 0.4)`,
- boxShadow: `0 0 10px 0 rgba(${rgb}, 0.2)`,
+ boxShadow: `0 0 10px 0 rgba(${rgb}, 0.15)`,
+ backgroundColor: `rgba(${rgb}, 0.25)`,
marginBottom: '$6',
- overflowY: 'hidden',
minHeight: '70px'
}}
>
@@ -34,7 +38,6 @@ export default function AccountCard({ name, logo, rgb, address }: Props) {
{truncate(address, 19)}
- } />
)
diff --git a/wallets/react-wallet-v2/src/components/Layout.tsx b/wallets/react-wallet-v2/src/components/Layout.tsx
index 934d489..d879daf 100644
--- a/wallets/react-wallet-v2/src/components/Layout.tsx
+++ b/wallets/react-wallet-v2/src/components/Layout.tsx
@@ -1,4 +1,5 @@
-import { Card, Container, Divider, Loading } from '@nextui-org/react'
+import Navigation from '@/components/Navigation'
+import { Card, Container, Loading } from '@nextui-org/react'
import { Fragment, ReactNode } from 'react'
/**
@@ -12,30 +13,51 @@ interface Props {
/**
* Container
*/
-export default function GlobalLayout({ children, initialized }: Props) {
+export default function Layout({ children, initialized }: Props) {
return (
{initialized ? (
- {children}
-
- Footer
+
+ {children}
+
+
+
+
+
) : (
diff --git a/wallets/react-wallet-v2/src/components/Navigation.tsx b/wallets/react-wallet-v2/src/components/Navigation.tsx
new file mode 100644
index 0000000..1802690
--- /dev/null
+++ b/wallets/react-wallet-v2/src/components/Navigation.tsx
@@ -0,0 +1,39 @@
+import { Avatar, Row } from '@nextui-org/react'
+import Image from 'next/image'
+import Link from 'next/link'
+
+export default function Navigation() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/wallets/react-wallet-v2/yarn.lock b/wallets/react-wallet-v2/yarn.lock
index a1c5f51..54f3bc9 100644
--- a/wallets/react-wallet-v2/yarn.lock
+++ b/wallets/react-wallet-v2/yarn.lock
@@ -555,10 +555,10 @@
resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
-"@types/node@17.0.15":
- version "17.0.15"
- resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.15.tgz#97779282c09c09577120a2162e71d8380003590a"
- integrity sha512-zWt4SDDv1S9WRBNxLFxFRHxdD9tvH8f5/kg5/IaLFdnSNXsDY4eL3Q3XXN+VxUnWIhyVFDwcsmAprvwXoM/ClA==
+"@types/node@17.0.16":
+ version "17.0.16"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.16.tgz#e3733f46797b9df9e853ca9f719c8a6f7b84cd26"
+ integrity sha512-ydLaGVfQOQ6hI1xK2A5nVh8bl0OGoIfYMxPWHqqYe9bTkWCfqiVvZoh2I/QF2sNSkZzZyROBoTefIEI+PB6iIA==
"@types/prop-types@*":
version "15.7.4"