From 924a4060eac72058064de933c5620a9e159d722b Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Wed, 13 Dec 2023 16:25:21 -0500
Subject: [PATCH] fix: wallet balance

---
 .changeset/happy-mirrors-do.md               | 6 ++++++
 libs/design-system/src/app/WalletBalance.tsx | 4 ++--
 libs/design-system/src/components/Form.tsx   | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/happy-mirrors-do.md

diff --git a/.changeset/happy-mirrors-do.md b/.changeset/happy-mirrors-do.md
new file mode 100644
index 000000000..3ecbfecad
--- /dev/null
+++ b/.changeset/happy-mirrors-do.md
@@ -0,0 +1,6 @@
+---
+'hostd': minor
+'renterd': minor
+---
+
+The wallet balance shown on the wallet page is now spendable plus unconfirmed.
diff --git a/libs/design-system/src/app/WalletBalance.tsx b/libs/design-system/src/app/WalletBalance.tsx
index b5aaa71ef..468b01956 100644
--- a/libs/design-system/src/app/WalletBalance.tsx
+++ b/libs/design-system/src/app/WalletBalance.tsx
@@ -36,7 +36,7 @@ export function WalletBalance({
           </Text>
           <ValueScFiat
             variant="value"
-            value={balanceSc.spendable}
+            value={balanceSc.spendable.plus(balanceSc.unconfirmed)}
             size="12"
             showTooltip={false}
           />
@@ -50,7 +50,7 @@ export function WalletBalance({
       <Panel className="hidden sm:flex h-7 px-3 items-center">
         <ValueScFiat
           variant="value"
-          value={balanceSc.spendable}
+          value={balanceSc.spendable.plus(balanceSc.unconfirmed)}
           size="12"
           showTooltip={false}
         />
diff --git a/libs/design-system/src/components/Form.tsx b/libs/design-system/src/components/Form.tsx
index de1b670aa..644868219 100644
--- a/libs/design-system/src/components/Form.tsx
+++ b/libs/design-system/src/components/Form.tsx
@@ -30,7 +30,7 @@ export function FieldLabel<Values extends FieldValues>({
 
 type FieldErrorProps<Values extends FieldValues> = {
   form: UseFormReturn<Values>
-  name: Path<Values>
+  name: 'root' | Path<Values>
 }
 
 export function FieldError<Values extends FieldValues>({