fix #8498

1 files changed, 13 insertions, 0 deletions

diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
index 177bf3c20..f3feed578 100644
--- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
+++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
@@ -57,6 +57,7 @@ interface Props {
   onSuccess: () => void;
   onAuthorizationRequired: () => void;
   routeCancel?: RouteDefinition;
+  routeCashout?: RouteDefinition;
   routeHere: RouteDefinition<{
     account?: string,
     subject?: string,
@@ -73,6 +74,7 @@ export function PaytoWireTransferForm({
   withAmount,
   onSuccess,
   routeCancel,
+  routeCashout,
   routeHere,
   onAuthorizationRequired,
   limit,
@@ -354,6 +356,17 @@ export function PaytoWireTransferForm({
               </span>
             </label>
           )}
+          {routeCashout ? (
+            <a
+              name="do cashout"
+              href={routeCashout.url({})}
+              class="bg-white p-4 rounded-lg text-sm font-semibold leading-6 text-gray-900"
+            >
+              <i18n.Translate>Cashout</i18n.Translate>
+            </a>
+          ) : (
+            undefined
+          )}
         </div>
       </div>