Finished React components for new Stock Market UI

src/ui/React/StdButtonPurchased.tsx

@@ -7,13 +7,36 @@ interface IStdButtonPurchasedProps {
     onClick?: (e: React.MouseEvent<HTMLElement>) => any;
     style?: object;
     text: string;
+    tooltip?: string;
+}
+
+type IInnerHTMLMarkup = {
+    __html: string;
 }
 
 export class StdButtonPurchased extends React.Component<IStdButtonPurchasedProps, any> {
     render() {
+        const hasTooltip = this.props.tooltip != null && this.props.tooltip !== "";
+        let className = "std-button-bought";
+        if (hasTooltip) {
+            className += " tooltip";
+        }
+
+        // Tooltip will be set using inner HTML
+        let tooltipMarkup: IInnerHTMLMarkup | null;
+        if (hasTooltip) {
+            tooltipMarkup = {
+                __html: this.props.tooltip!
+            }
+        }
+
         return (
-            <button className={"std-button-bought"} onClick={this.props.onClick} style={this.props.style}>
+            <button className={className} onClick={this.props.onClick} style={this.props.style}>
                 {this.props.text}
+                {
+                    hasTooltip &&
+                    <span className={"tooltiptext"} dangerouslySetInnerHTML={tooltipMarkup!}></span>
+                }
             </button>
         )
     }