Change money to automatically color grey when something cannot be bought.

src/PersonObjects/Resleeving/ResleevingUI.tsx

@@ -254,6 +254,7 @@ function createResleeveUi(resleeve: Resleeve): IResleeveUIElems {
         costText: null,
         buyButton: null,
     };
+    if(playerRef === null) return elems;
 
     if (!routing.isOn(Page.Resleeves)) { return elems; }
 
@@ -334,7 +335,7 @@ function createResleeveUi(resleeve: Resleeve): IResleeveUIElems {
     const cost: number = resleeve.getCost();
     elems.costPanel = createElement("div", { class: "resleeve-panel", width: "20%" });
     elems.costText = createElement("p", {
-        innerHTML: `It costs ${renderToStaticMarkup(Money(cost))} ` +
+        innerHTML: `It costs ${renderToStaticMarkup(<Money money={cost} player={playerRef} />)} ` +
                    `to purchase this Sleeve.`,
     });
     elems.buyButton = createElement("button", {
@@ -343,7 +344,7 @@ function createResleeveUi(resleeve: Resleeve): IResleeveUIElems {
         clickListener: () => {
             if(playerRef == null) throw new Error("playerRef is null in buyButton.click()");
             if (purchaseResleeve(resleeve, playerRef)) {
-                dialogBoxCreate((<>You re-sleeved for {Money(cost)}!</>), false);
+                dialogBoxCreate((<>You re-sleeved for <Money money={cost} />!</>), false);
             } else {
                 dialogBoxCreate(`You cannot afford to re-sleeve into this body`, false);
             }

src/PersonObjects/Sleeve/SleeveAugmentationsUI.tsx

@@ -2,6 +2,7 @@
  * Module for handling the UI for purchasing Sleeve Augmentations
  * This UI is a popup, not a full page
  */
+import React from 'react';
 import { Sleeve } from "./Sleeve";
 import { findSleevePurchasableAugs } from "./SleeveHelpers";
 
@@ -102,7 +103,7 @@ export function createSleevePurchaseAugsPopup(sleeve: Sleeve, p: IPlayer): void
             innerHTML:
             [
                 `<h2>${aug.name}</h2><br>`,
-                `Cost: ${renderToStaticMarkup(Money(aug.startingCost))}<br><br>`,
+                `Cost: ${renderToStaticMarkup(<Money money={aug.startingCost} player={p} />)}<br><br>`,
                 `${info}`,
             ].join(" "),
             padding: "2px",

src/PersonObjects/Sleeve/SleeveUI.tsx

@@ -1,6 +1,7 @@
 /**
  * Module for handling the Sleeve UI
  */
+import React from 'react';
 import { createSleevePurchaseAugsPopup } from "./SleeveAugmentationsUI";
 import { Sleeve } from "./Sleeve";
 import { SleeveTaskType } from "./SleeveTaskTypesEnum";
@@ -202,6 +203,7 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
         currentEarningsInfo:    null,
         totalEarningsButton:    null,
     }
+    if(playerRef === null) return elems;
 
     if (!routing.isOn(Page.Sleeves)) { return elems; }
 
@@ -223,13 +225,14 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
         class: "std-button",
         innerText: "Travel",
         clickListener: () => {
+            if(playerRef === null) return;
             const popupId = "sleeve-travel-popup";
             const popupArguments: HTMLElement[] = [];
             popupArguments.push(createPopupCloseButton(popupId, { class: "std-button" }));
             popupArguments.push(createElement("p", {
                 innerHTML: "Have this sleeve travel to a different city. This affects " +
                            "the gyms and universities at which this sleeve can study. " +
-                           `Traveling to a different city costs ${renderToStaticMarkup(Money(CONSTANTS.TravelCost))}. ` +
+                           `Traveling to a different city costs ${renderToStaticMarkup(<Money money={CONSTANTS.TravelCost} player={playerRef} />)}. ` +
                            "It will also CANCEL the sleeve's current task (setting it to idle)",
             }));
             for (const cityName in Cities) {
@@ -346,7 +349,7 @@ function updateSleeveUi(sleeve: Sleeve, elems: ISleeveUIElems): void {
 
     if (sleeve.currentTask === SleeveTaskType.Crime) {
         const data = [
-            [`Money`, Money(parseFloat(sleeve.currentTaskLocation)), `(on success)`],
+            [`Money`, <Money money={parseFloat(sleeve.currentTaskLocation)} />, `(on success)`],
             [`Hacking Exp`, numeralWrapper.formatExp(sleeve.gainRatesForTask.hack), `(2x on success)`],
             [`Strength Exp`, numeralWrapper.formatExp(sleeve.gainRatesForTask.str), `(2x on success)`],
             [`Defense Exp`, numeralWrapper.formatExp(sleeve.gainRatesForTask.def), `(2x on success)`],

src/PersonObjects/Sleeve/ui/CovenantPurchasesRoot.tsx

@@ -75,7 +75,7 @@ export function CovenantPurchasesRoot(props: IProps): React.ReactElement {
         <PopupCloseButton popup={PopupId} text={"Close"} />
         <p>
             Would you like to purchase an additional Duplicate Sleeve from The Covenant
-            for {Money(purchaseCost())}?
+            for <Money money={purchaseCost()} player={props.p} />?
         </p>
         <br />
         <p>

src/PersonObjects/Sleeve/ui/CovenantSleeveMemoryUpgrade.tsx

@@ -79,7 +79,7 @@ export class CovenantSleeveMemoryUpgrade extends React.Component<IProps, IState>
         } else if (this.state.amt > maxMemory) {
             purchaseBtnContent = <>Memory cannot exceed 100?</>;
         } else {
-            purchaseBtnContent = <>Purchase {this.state.amt} memory - {Money(cost)}?</>;
+            purchaseBtnContent = <>Purchase {this.state.amt} memory - <Money money={cost} player={this.props.p} />?</>;
         }
 
         return (

src/PersonObjects/Sleeve/ui/MoreEarningsContent.tsx

@@ -7,7 +7,7 @@ import { StatsTable } from "../../../ui/React/StatsTable";
 export function MoreEarningsContent(sleeve: Sleeve): React.ReactElement {
     return (<>
         {StatsTable([
-            ['Money ', Money(sleeve.earningsForTask.money)],
+            ['Money ', <Money money={sleeve.earningsForTask.money} />],
             ['Hacking Exp ', numeralWrapper.formatExp(sleeve.earningsForTask.hack)],
             ['Strength Exp ', numeralWrapper.formatExp(sleeve.earningsForTask.str)],
             ['Defense Exp ', numeralWrapper.formatExp(sleeve.earningsForTask.def)],
@@ -17,7 +17,7 @@ export function MoreEarningsContent(sleeve: Sleeve): React.ReactElement {
         ], 'Earnings for Current Task:')}
         <br />
         {StatsTable([
-            ['Money: ', Money(sleeve.earningsForPlayer.money)],
+            ['Money: ', <Money money={sleeve.earningsForPlayer.money} />],
             ['Hacking Exp: ', numeralWrapper.formatExp(sleeve.earningsForPlayer.hack)],
             ['Strength Exp: ', numeralWrapper.formatExp(sleeve.earningsForPlayer.str)],
             ['Defense Exp: ', numeralWrapper.formatExp(sleeve.earningsForPlayer.def)],
@@ -27,7 +27,7 @@ export function MoreEarningsContent(sleeve: Sleeve): React.ReactElement {
         ], 'Total Earnings for Host Consciousness:')}
         <br />
         {StatsTable([
-            ['Money: ', Money(sleeve.earningsForSleeves.money)],
+            ['Money: ', <Money money={sleeve.earningsForSleeves.money} />],
             ['Hacking Exp: ', numeralWrapper.formatExp(sleeve.earningsForSleeves.hack)],
             ['Strength Exp: ', numeralWrapper.formatExp(sleeve.earningsForSleeves.str)],
             ['Defense Exp: ', numeralWrapper.formatExp(sleeve.earningsForSleeves.def)],