mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
0d0187b4ee
Update convert-template Add basic page Add it to the sidebar Fix a broken link Fix translate usage and add linebreaks Fix indents Add basic sidebar Port over init button logic Migrate submit_and_notify and start dest addr Get the payment button working Componentize the Send XRP Payment button Add basic escrow button Componentize payment channel Migrate Trust For Migrate Send Issued Currency Add partial payment progres bar logic Use the component for the partial payment Add support for escrow finish Log transactions in sidebar Debugging partial payment setup Add support for changing destinationAddress Finish adding bootstrap growl notifications Use 'client' instead of 'api' Move DestinationAddressInput to component and remove ids Split the page into separate files Remove the old files for this page Update links Add space Add comment deprecating bootstrap-growl jquery Fix typing errors PR Comments Pt 1 Small PR fixes Encapsulate isValidDestinationAddress
45 lines
1.9 KiB
TypeScript
45 lines
1.9 KiB
TypeScript
import * as React from 'react';
|
|
import { useTranslate } from '@portal/hooks';
|
|
import { clsx } from 'clsx'
|
|
|
|
import { type Wallet } from 'xrpl'
|
|
|
|
export function StatusSidebar({
|
|
balance,
|
|
sendingWallet,
|
|
connectionReady,
|
|
txHistory
|
|
}:
|
|
{
|
|
balance: number,
|
|
sendingWallet: Wallet | undefined,
|
|
connectionReady: boolean,
|
|
txHistory: React.JSX.Element[],
|
|
}) {
|
|
const { translate } = useTranslate();
|
|
|
|
return (<aside className="right-sidebar col-lg-6 order-lg-4">
|
|
<div id="connection-status" className="card">
|
|
<div className="card-header">
|
|
<h4>{translate("Status")}</h4>
|
|
</div>
|
|
<div className="card-body">
|
|
<ul className="list-group list-group-flush">
|
|
<li className="list-group-item" id="connection-status-label">{translate("XRP Testnet:")}</li>
|
|
<li className={clsx("list-group-item", (connectionReady ? 'active' : 'disabled'))} id="connection-status-item">{connectionReady ? translate("Connected") : translate("Not Connected")}</li>
|
|
<li className="list-group-item" id="sending-address-label">{translate("Sending Address:")}</li>
|
|
<li className="list-group-item disabled sending-address-item">{sendingWallet ? sendingWallet.address : translate("(None)")}</li>
|
|
<li className="list-group-item" id="balance-label">{translate("Testnet XRP Available:")}</li>
|
|
<li className="list-group-item disabled" id="balance-item">{balance ? translate(balance.toString()) : translate("(None)")}</li>
|
|
</ul>
|
|
<div id="tx-sender-history">
|
|
<h5 className="m-3">{translate("Transaction History")}</h5>
|
|
<ul className="list-group list-group-flush">
|
|
{txHistory}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>)
|
|
}
|