2019-04-23 10:23:08 +02:00
|
|
|
/**
|
|
|
|
* React Component for a button that initiates a transaction on the Stock Market UI
|
|
|
|
* (Buy, Sell, Buy Max, etc.)
|
|
|
|
*/
|
|
|
|
import * as React from "react";
|
|
|
|
|
|
|
|
type IProps = {
|
|
|
|
onClick: () => void;
|
|
|
|
text: string;
|
2021-03-31 06:45:21 +02:00
|
|
|
tooltip?: JSX.Element | null;
|
2019-04-28 02:43:38 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
type IInnerHTMLMarkup = {
|
|
|
|
__html: string;
|
2019-04-23 10:23:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export function StockTickerTxButton(props: IProps): React.ReactElement {
|
2019-04-28 02:43:38 +02:00
|
|
|
let className = "stock-market-input std-button";
|
|
|
|
|
2021-03-31 06:45:21 +02:00
|
|
|
const hasTooltip = (props.tooltip != null);
|
2019-04-28 02:43:38 +02:00
|
|
|
if (hasTooltip) {
|
|
|
|
className += " tooltip";
|
|
|
|
}
|
|
|
|
|
2019-04-23 10:23:08 +02:00
|
|
|
return (
|
2019-04-28 02:43:38 +02:00
|
|
|
<button className={className} onClick={props.onClick}>
|
2019-04-23 10:23:08 +02:00
|
|
|
{props.text}
|
2019-04-28 02:43:38 +02:00
|
|
|
{
|
|
|
|
hasTooltip &&
|
2021-03-31 06:45:21 +02:00
|
|
|
<span className={"tooltiptext"}>{props.tooltip!}</span>
|
2019-04-28 02:43:38 +02:00
|
|
|
}
|
2019-04-23 10:23:08 +02:00
|
|
|
</button>
|
|
|
|
)
|
|
|
|
}
|