prettify, sorry for the big ass commit

src/PersonObjects/Sleeve/ui/CovenantSleeveMemoryUpgrade.tsx

@@ -12,91 +12,116 @@ import { StdButton } from "../../../ui/React/StdButton";
 import { Money } from "../../../ui/React/Money";
 
 interface IProps {
-    index: number;
-    p: IPlayer;
-    rerender: () => void;
-    sleeve: Sleeve;
+  index: number;
+  p: IPlayer;
+  rerender: () => void;
+  sleeve: Sleeve;
 }
 
 interface IState {
-    amt: number;
+  amt: number;
 }
 
-export class CovenantSleeveMemoryUpgrade extends React.Component<IProps, IState> {
-    constructor(props: IProps) {
-        super(props);
+export class CovenantSleeveMemoryUpgrade extends React.Component<
+  IProps,
+  IState
+> {
+  constructor(props: IProps) {
+    super(props);
 
-        this.state = {
-            amt: 1,
-        }
+    this.state = {
+      amt: 1,
+    };
 
-        this.changePurchaseAmount = this.changePurchaseAmount.bind(this);
-        this.purchaseMemory = this.purchaseMemory.bind(this);
+    this.changePurchaseAmount = this.changePurchaseAmount.bind(this);
+    this.purchaseMemory = this.purchaseMemory.bind(this);
+  }
+
+  changePurchaseAmount(e: React.ChangeEvent<HTMLInputElement>): void {
+    let n: number = parseInt(e.target.value);
+
+    if (isNaN(n)) n = 1;
+    const maxMemory = 100 - this.props.sleeve.memory;
+    if (n > maxMemory) n = maxMemory;
+
+    this.setState({
+      amt: n,
+    });
+  }
+
+  getPurchaseCost(): number {
+    if (isNaN(this.state.amt)) {
+      return Infinity;
     }
 
-    changePurchaseAmount(e: React.ChangeEvent<HTMLInputElement>): void {
-        let n: number = parseInt(e.target.value);
-
-        if(isNaN(n)) n = 1;
-        const maxMemory = 100 - this.props.sleeve.memory;
-        if (n > maxMemory) n = maxMemory;
-
-        this.setState({
-            amt: n,
-        });
+    const maxMemory = 100 - this.props.sleeve.memory;
+    if (this.state.amt > maxMemory) {
+      return Infinity;
     }
 
-    getPurchaseCost(): number {
-        if (isNaN(this.state.amt)) { return Infinity; }
+    return this.props.sleeve.getMemoryUpgradeCost(this.state.amt);
+  }
 
-        const maxMemory = 100 - this.props.sleeve.memory;
-        if (this.state.amt > maxMemory) { return Infinity; }
+  purchaseMemory(): void {
+    const cost = this.getPurchaseCost();
+    if (this.props.p.canAfford(cost)) {
+      this.props.sleeve.upgradeMemory(this.state.amt);
+      this.props.p.loseMoney(cost);
+      this.props.rerender();
+    }
+  }
 
-        return this.props.sleeve.getMemoryUpgradeCost(this.state.amt);
+  render(): React.ReactNode {
+    const inputId = `sleeve-${this.props.index}-memory-upgrade-input`;
+
+    // Memory cannot go above 100
+    const maxMemory = 100 - this.props.sleeve.memory;
+
+    // Purchase button props
+    const cost = this.getPurchaseCost();
+    const purchaseBtnDisabled = !this.props.p.canAfford(cost);
+    let purchaseBtnContent;
+    if (isNaN(this.state.amt)) {
+      purchaseBtnContent = <>Invalid value</>;
+    } else if (this.state.amt > maxMemory) {
+      purchaseBtnContent = <>Memory cannot exceed 100?</>;
+    } else {
+      purchaseBtnContent = (
+        <>
+          Purchase {this.state.amt} memory -{" "}
+          <Money money={cost} player={this.props.p} />?
+        </>
+      );
     }
 
-    purchaseMemory(): void {
-        const cost = this.getPurchaseCost();
-        if (this.props.p.canAfford(cost)) {
-            this.props.sleeve.upgradeMemory(this.state.amt);
-            this.props.p.loseMoney(cost);
-            this.props.rerender();
-        }
-    }
+    return (
+      <div>
+        <h2>
+          <u>Upgrade Memory</u>
+        </h2>
+        <p>
+          Purchase a memory upgrade for your sleeve. Note that a sleeve's max
+          memory is 100 (current:{" "}
+          {numeralWrapper.formatSleeveMemory(this.props.sleeve.memory)})
+        </p>
 
-    render(): React.ReactNode {
-        const inputId = `sleeve-${this.props.index}-memory-upgrade-input`;
-
-        // Memory cannot go above 100
-        const maxMemory = 100 - this.props.sleeve.memory;
-
-        // Purchase button props
-        const cost = this.getPurchaseCost();
-        const purchaseBtnDisabled = !this.props.p.canAfford(cost);
-        let purchaseBtnContent;
-        if (isNaN(this.state.amt)) {
-            purchaseBtnContent = <>Invalid value</>;
-        } else if (this.state.amt > maxMemory) {
-            purchaseBtnContent = <>Memory cannot exceed 100?</>;
-        } else {
-            purchaseBtnContent = <>Purchase {this.state.amt} memory - <Money money={cost} player={this.props.p} />?</>;
-        }
-
-        return (
-            <div>
-                <h2><u>Upgrade Memory</u></h2>
-                <p>
-                    Purchase a memory upgrade for your sleeve. Note that a sleeve's max memory
-                    is 100 (current: {numeralWrapper.formatSleeveMemory(this.props.sleeve.memory)})
-                </p>
-
-                <label htmlFor={inputId}>
-                    Amount of memory to purchase (must be an integer):
-                </label>
-                <input className="text-input" id={inputId} onChange={this.changePurchaseAmount} type={"number"} value={this.state.amt} />
-                <br />
-                <StdButton disabled={purchaseBtnDisabled} onClick={this.purchaseMemory} text={purchaseBtnContent} />
-            </div>
-        )
-    }
+        <label htmlFor={inputId}>
+          Amount of memory to purchase (must be an integer):
+        </label>
+        <input
+          className="text-input"
+          id={inputId}
+          onChange={this.changePurchaseAmount}
+          type={"number"}
+          value={this.state.amt}
+        />
+        <br />
+        <StdButton
+          disabled={purchaseBtnDisabled}
+          onClick={this.purchaseMemory}
+          text={purchaseBtnContent}
+        />
+      </div>
+    );
+  }
 }