fix: transaction details dialog

SiaFoundation · Jun 4, 2024 · 866641b · 866641b
1 parent f131751
commit 866641b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/.changeset/shaggy-peas-sip.md b/.changeset/shaggy-peas-sip.md
@@ -0,0 +1,6 @@
+---
+'hostd': patch
+'renterd': patch
+---
+
+Fixed an issue where the transaction information would not show in the dialog. Closes https://github.com/SiaFoundation/hostd/issues/402
diff --git a/apps/hostd/dialogs/HostdTransactionDetailsDialog.tsx b/apps/hostd/dialogs/HostdTransactionDetailsDialog.tsx
@@ -4,7 +4,7 @@ import { useDialog } from '../contexts/dialog'
 import { useTransactions } from '../contexts/transactions'
 
 export function HostdTransactionDetailsDialog() {
-  const { id, dialog, openDialog, closeDialog } = useDialog()
+  const { id, dialog, onOpenChange } = useDialog()
   const { dataset } = useTransactions()
 
   const transaction = useMemo(() => {
@@ -16,7 +16,7 @@ export function HostdTransactionDetailsDialog() {
       id={id}
       transaction={transaction}
       open={dialog === 'transactionDetails'}
-      onOpenChange={(val) => (val ? openDialog(dialog) : closeDialog())}
+      onOpenChange={onOpenChange}
     />
   )
 }
diff --git a/apps/hostd/dialogs/VolumeDeleteDialog.tsx b/apps/hostd/dialogs/VolumeDeleteDialog.tsx
@@ -56,7 +56,7 @@ export function VolumeDeleteDialog({ trigger, open, onOpenChange }: Props) {
 
   const volumeDelete = useVolumeDelete()
   const volume = useVolume({
-    disabled: !id,
+    disabled: !open || !id,
     params: {
       id,
     },

diff --git a/apps/hostd/dialogs/VolumeResizeDialog.tsx b/apps/hostd/dialogs/VolumeResizeDialog.tsx
@@ -73,7 +73,7 @@ export function VolumeResizeDialog({ trigger, open, onOpenChange }: Props) {
   const { id } = useDialog()
   const separator = useHostOSPathSeparator()
   const volume = useVolume({
-    disabled: !id,
+    disabled: !open || !id,
     params: {
       id,
     },

diff --git a/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx b/apps/renterd/dialogs/RenterdTransactionDetailsDialog.tsx
@@ -7,7 +7,7 @@ import {
 } from '../contexts/transactions'
 
 export function RenterdTransactionDetailsDialog() {
-  const { id, dialog, openDialog, closeDialog } = useDialog()
+  const { id, dialog, onOpenChange } = useDialog()
 
   // TODO: add transaction endpoint
   const { dataset } = useTransactions()
@@ -20,7 +20,7 @@ export function RenterdTransactionDetailsDialog() {
       id={id}
       transaction={transaction as TransactionDataConfirmed}
       open={dialog === 'transactionDetails'}
-      onOpenChange={(val) => (val ? openDialog(dialog) : closeDialog())}
+      onOpenChange={onOpenChange}
     />
   )
 }