From facdd171df7d0fdd74a6ac29a176fb97696c180b Mon Sep 17 00:00:00 2001 From: smolgrrr Date: Fri, 30 Aug 2024 14:13:36 +1000 Subject: [PATCH] init wallet UI --- client/public/index.html | 1 + client/src/components/modals/Header.tsx | 67 +++++++++++-------- .../modals/Wallet/HeaderBalance.tsx | 7 ++ .../src/components/modals/Wallet/Wallet.tsx | 12 ++++ .../modals/Wallet/WalletSettings.tsx | 42 ++++++++++++ .../src/components/routes/Notifications.tsx | 2 + client/src/components/routes/Settings.tsx | 2 + 7 files changed, 104 insertions(+), 29 deletions(-) create mode 100644 client/src/components/modals/Wallet/HeaderBalance.tsx create mode 100644 client/src/components/modals/Wallet/Wallet.tsx create mode 100644 client/src/components/modals/Wallet/WalletSettings.tsx diff --git a/client/public/index.html b/client/public/index.html index af3ee0c..f39c900 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -61,6 +61,7 @@ The Wired + diff --git a/client/src/components/modals/Header.tsx b/client/src/components/modals/Header.tsx index 43ae5ec..58618c3 100644 --- a/client/src/components/modals/Header.tsx +++ b/client/src/components/modals/Header.tsx @@ -4,6 +4,7 @@ import { HashtagIcon } from "@heroicons/react/24/outline"; import { useLocation } from "react-router-dom"; +import HeaderBalance from "./Wallet/HeaderBalance"; export default function Header() { const location = useLocation(); @@ -15,38 +16,46 @@ export default function Header() {
-
+
logo - - {`~/WIRED${lastPathPart}>`} - + + {`~/WIRED${lastPathPart}>`} +
-
- - - - - - - - - +
diff --git a/client/src/components/modals/Wallet/HeaderBalance.tsx b/client/src/components/modals/Wallet/HeaderBalance.tsx new file mode 100644 index 0000000..8c434f9 --- /dev/null +++ b/client/src/components/modals/Wallet/HeaderBalance.tsx @@ -0,0 +1,7 @@ +export default function HeaderBalance() { + return ( + <> + 0 + + ); + } \ No newline at end of file diff --git a/client/src/components/modals/Wallet/Wallet.tsx b/client/src/components/modals/Wallet/Wallet.tsx new file mode 100644 index 0000000..f5308e5 --- /dev/null +++ b/client/src/components/modals/Wallet/Wallet.tsx @@ -0,0 +1,12 @@ +export default function Wallet() { + return ( +
+
Wallet
+
0
+
+ + +
+
+ ); + } \ No newline at end of file diff --git a/client/src/components/modals/Wallet/WalletSettings.tsx b/client/src/components/modals/Wallet/WalletSettings.tsx new file mode 100644 index 0000000..8e791bc --- /dev/null +++ b/client/src/components/modals/Wallet/WalletSettings.tsx @@ -0,0 +1,42 @@ +export default function WalletSettings() { + return ( +
+

Wallet Settings

+
{e.preventDefault();}}> +
+
+ +