diff options
Diffstat (limited to 'packages/demobank-ui/src/pages/BusinessAccount.tsx')
-rw-r--r-- | packages/demobank-ui/src/pages/BusinessAccount.tsx | 25 |
1 files changed, 15 insertions, 10 deletions
diff --git a/packages/demobank-ui/src/pages/BusinessAccount.tsx b/packages/demobank-ui/src/pages/BusinessAccount.tsx index 64ec81c2e..fd7d2535c 100644 --- a/packages/demobank-ui/src/pages/BusinessAccount.tsx +++ b/packages/demobank-ui/src/pages/BusinessAccount.tsx @@ -32,11 +32,10 @@ import { ErrorMessage, usePageContext } from "../context/pageState.js"; import { useAccountDetails } from "../hooks/access.js"; import { useCashoutDetails, - useCashouts, useCircuitAccountAPI, useRatiosAndFeeConfig, } from "../hooks/circuit.js"; -import { CashoutStatus, TanChannel, undefinedIfEmpty } from "../utils.js"; +import { TanChannel, undefinedIfEmpty } from "../utils.js"; import { ShowAccountDetails, UpdateAccountPassword } from "./AdminPage.js"; import { ErrorBanner } from "./BankFrame.js"; import { LoginForm } from "./LoginForm.js"; @@ -57,7 +56,9 @@ export function BusinessAccount({ const backend = useBackendContext(); const [updatePassword, setUpdatePassword] = useState(false); const [newCashout, setNewcashout] = useState(false); - const [showCashout, setShowCashout] = useState<string | undefined>(); + const [showCashoutDetails, setShowCashoutDetails] = useState< + string | undefined + >(); function showInfoMessage(info: TranslatedString): void { pageStateSetter((prev) => ({ ...prev, @@ -79,18 +80,18 @@ export function BusinessAccount({ }} onComplete={(id) => { setNewcashout(false); - setShowCashout(id); + setShowCashoutDetails(id); }} /> ); } - if (showCashout) { + if (showCashoutDetails) { return ( - <ShowCashout - id={showCashout} + <ShowCashoutDetails + id={showCashoutDetails} onLoadNotOk={onLoadNotOk} onCancel={() => { - setShowCashout(undefined); + setShowCashoutDetails(undefined); }} /> ); @@ -129,7 +130,7 @@ export function BusinessAccount({ <Cashouts account={backend.state.username} onSelected={(id) => { - setShowCashout(id); + setShowCashoutDetails(id); }} /> </div> @@ -593,7 +594,11 @@ interface ShowCashoutProps { onCancel: () => void; onLoadNotOk: <T, E>(error: HttpResponsePaginated<T, E>) => VNode; } -function ShowCashout({ id, onCancel, onLoadNotOk }: ShowCashoutProps): VNode { +export function ShowCashoutDetails({ + id, + onCancel, + onLoadNotOk, +}: ShowCashoutProps): VNode { const { i18n } = useTranslationContext(); const result = useCashoutDetails(id); const { abortCashout, confirmCashout } = useCircuitAccountAPI(); |