From 63574bca0c15446515452ba6794917b8028bc93b Mon Sep 17 00:00:00 2001
From: Shockwave <blastersetup1989@163.com>
Date: Mon, 15 Jan 2024 05:12:28 +0800
Subject: [PATCH] MISC: Several typo fix in corporation modals (#1029)

---
 .../ui/modals/PurchaseMaterialModal.tsx       |  2 +-
 .../ui/modals/SellDivisionModal.tsx           | 24 +++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/Corporation/ui/modals/PurchaseMaterialModal.tsx b/src/Corporation/ui/modals/PurchaseMaterialModal.tsx
index a1249125e..a7afcd8aa 100644
--- a/src/Corporation/ui/modals/PurchaseMaterialModal.tsx
+++ b/src/Corporation/ui/modals/PurchaseMaterialModal.tsx
@@ -144,7 +144,7 @@ export function PurchaseMaterialModal(props: IProps): React.ReactElement {
       <Typography>
         Enter the amount of {props.mat.name} you would like to purchase per second. This material's cost changes
         constantly.
-        {props.disablePurchaseLimit ? "Note: Purchase amount is disabled as smart supply is enabled" : ""}
+        {props.disablePurchaseLimit ? " Note: Purchase amount is disabled as smart supply is enabled" : ""}
       </Typography>
       <TextField
         value={buyAmt}
diff --git a/src/Corporation/ui/modals/SellDivisionModal.tsx b/src/Corporation/ui/modals/SellDivisionModal.tsx
index d447a1ecd..1044a2505 100644
--- a/src/Corporation/ui/modals/SellDivisionModal.tsx
+++ b/src/Corporation/ui/modals/SellDivisionModal.tsx
@@ -2,6 +2,8 @@ import React, { useState } from "react";
 
 import { Modal } from "../../../ui/React/Modal";
 import { Money } from "../../../ui/React/Money";
+import { MoneyRate } from "../../../ui/React/MoneyRate";
+import { StatsTable } from "../../../ui/React/StatsTable";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import MenuItem from "@mui/material/MenuItem";
@@ -34,7 +36,7 @@ export function SellDivisionModal(props: IProps): React.ReactElement {
     props.onClose();
     dialogBoxCreate(
       <Typography>
-        Sold <b>{divisionToSell.name}</b> for <Money money={soldPrice} />, you now have space for
+        Sold <b>{divisionToSell.name}</b> for <Money money={soldPrice} />, you now have space for{" "}
         {corp.maxDivisions - corp.divisions.size} more divisions.
       </Typography>,
     );
@@ -56,12 +58,20 @@ export function SellDivisionModal(props: IProps): React.ReactElement {
           ))}
         </Select>
         <Typography>Division {divisionToSell.name} has:</Typography>
-        <Typography>
-          Profit: <Money money={(divisionToSell.lastCycleRevenue - divisionToSell.lastCycleExpenses) / 10} /> / sec{" "}
-        </Typography>
-        <Typography>Cities:{getRecordKeys(divisionToSell.offices).length}</Typography>
-        <Typography>Warehouses:{getRecordKeys(divisionToSell.warehouses).length}</Typography>
-        {divisionToSell.makesProducts ?? <Typography>Products: {divisionToSell.products.size}</Typography>}
+        <StatsTable
+          rows={[
+            [
+              "Profit:",
+              <MoneyRate
+                key="profit"
+                money={(divisionToSell.lastCycleRevenue - divisionToSell.lastCycleExpenses) / 10}
+              />,
+            ],
+            ["Cities:", getRecordKeys(divisionToSell.offices).length],
+            ["Warehouses:", getRecordKeys(divisionToSell.warehouses).length],
+            divisionToSell.makesProducts ? ["Products:", divisionToSell.products.size] : [],
+          ]}
+        />
         <br />
         <Typography>
           Sell price: <Money money={price} />