move modals to a modals folder

src/Corporation/ui/IndustryOffice.tsx

@@ -8,8 +8,8 @@ import { EmployeePositions } from "../EmployeePositions";
 
 import { numeralWrapper } from "../../ui/numeralFormat";
 
-import { UpgradeOfficeSizeModal } from "./UpgradeOfficeSizeModal";
-import { ThrowPartyModal } from "./ThrowPartyModal";
+import { UpgradeOfficeSizeModal } from "./modals/UpgradeOfficeSizeModal";
+import { ThrowPartyModal } from "./modals/ThrowPartyModal";
 import { Money } from "../../ui/React/Money";
 import { useCorporation, useDivision } from "./Context";
 

src/Corporation/ui/IndustryOverview.tsx

@@ -7,8 +7,8 @@ import { Industries } from "../IndustryData";
 import { IndustryUpgrades } from "../IndustryUpgrades";
 import { numeralWrapper } from "../../ui/numeralFormat";
 import { createProgressBarText } from "../../utils/helpers/createProgressBarText";
-import { MakeProductModal } from "./MakeProductModal";
-import { ResearchModal } from "./ResearchModal";
+import { MakeProductModal } from "./modals/MakeProductModal";
+import { ResearchModal } from "./modals/ResearchModal";
 import { Money } from "../../ui/React/Money";
 import { MoneyRate } from "../../ui/React/MoneyRate";
 import { StatsTable } from "../../ui/React/StatsTable";

src/Corporation/ui/IndustryWarehouse.tsx

@@ -6,7 +6,7 @@ import { CorporationConstants } from "../data/Constants";
 import { Material } from "../Material";
 import { Product } from "../Product";
 import { Warehouse } from "../Warehouse";
-import { SmartSupplyModal } from "./SmartSupplyModal";
+import { SmartSupplyModal } from "./modals/SmartSupplyModal";
 import { ProductElem } from "./ProductElem";
 import { MaterialElem } from "./MaterialElem";
 import { MaterialSizes } from "../MaterialSizes";
@@ -42,9 +42,9 @@ interface IProps {
 const useStyles = makeStyles(() =>
   createStyles({
     retainHeight: {
-      minHeight: '3em',
+      minHeight: "3em",
     },
-  })
+  }),
 );
 
 function WarehouseRoot(props: IProps): React.ReactElement {
@@ -127,27 +127,53 @@ function WarehouseRoot(props: IProps): React.ReactElement {
     const mat = props.warehouse.materials[matName];
     if (!MaterialSizes.hasOwnProperty(matName)) continue;
     if (mat.qty === 0) continue;
-    breakdownItems.push(<>{matName}: {numeralWrapper.format(mat.qty * MaterialSizes[matName], "0,0.0")}</>);
+    breakdownItems.push(
+      <>
+        {matName}: {numeralWrapper.format(mat.qty * MaterialSizes[matName], "0,0.0")}
+      </>,
+    );
   }
 
   for (const prodName of Object.keys(division.products)) {
     const prod = division.products[prodName];
     if (prod === undefined) continue;
-    breakdownItems.push(<>{prodName}: {numeralWrapper.format(prod.data[props.warehouse.loc][0] * prod.siz, "0,0.0")}</>);
+    breakdownItems.push(
+      <>
+        {prodName}: {numeralWrapper.format(prod.data[props.warehouse.loc][0] * prod.siz, "0,0.0")}
+      </>,
+    );
   }
 
   let breakdown;
   if (breakdownItems && breakdownItems.length > 0) {
     breakdown = breakdownItems.reduce(
-      (previous: JSX.Element, current: JSX.Element): JSX.Element => previous && <>{previous}<br />{current}</> || <>{current}</>);
+      (previous: JSX.Element, current: JSX.Element): JSX.Element =>
+        (previous && (
+          <>
+            {previous}
+            <br />
+            {current}
+          </>
+        )) || <>{current}</>,
+    );
   } else {
-    breakdown = <>No items in storage.</>
+    breakdown = <>No items in storage.</>;
   }
 
   return (
     <Paper>
       <Box display="flex" alignItems="center">
-        <Tooltip title={props.warehouse.sizeUsed !== 0 ? <Typography><>{breakdown}</></Typography> : ""}>
+        <Tooltip
+          title={
+            props.warehouse.sizeUsed !== 0 ? (
+              <Typography>
+                <>{breakdown}</>
+              </Typography>
+            ) : (
+              ""
+            )
+          }
+        >
           <Typography color={props.warehouse.sizeUsed >= props.warehouse.size ? "error" : "primary"}>
             Storage: {numeralWrapper.formatBigNumber(props.warehouse.sizeUsed)} /{" "}
             {numeralWrapper.formatBigNumber(props.warehouse.size)}

src/Corporation/ui/MaterialElem.tsx

@@ -5,10 +5,10 @@ import React, { useState } from "react";
 import { OfficeSpace } from "../OfficeSpace";
 import { Material } from "../Material";
 import { Warehouse } from "../Warehouse";
-import { ExportModal } from "./ExportModal";
-import { MaterialMarketTaModal } from "./MaterialMarketTaModal";
-import { SellMaterialModal } from "./SellMaterialModal";
-import { PurchaseMaterialModal } from "./PurchaseMaterialModal";
+import { ExportModal } from "./modals/ExportModal";
+import { MaterialMarketTaModal } from "./modals/MaterialMarketTaModal";
+import { SellMaterialModal } from "./modals/SellMaterialModal";
+import { PurchaseMaterialModal } from "./modals/PurchaseMaterialModal";
 
 import { numeralWrapper } from "../../ui/numeralFormat";
 
@@ -37,6 +37,8 @@ export function MaterialElem(props: IMaterialProps): React.ReactElement {
   const [exportOpen, setExportOpen] = useState(false);
   const [sellMaterialOpen, setSellMaterialOpen] = useState(false);
   const [materialMarketTaOpen, setMaterialMarketTaOpen] = useState(false);
+  const [limitProductionOpen, setLimitProductionOpen] = useState(false);
+
   const warehouse = props.warehouse;
   const city = props.city;
   const mat = props.mat;
@@ -112,7 +114,7 @@ export function MaterialElem(props: IMaterialProps): React.ReactElement {
 
   return (
     <Paper>
-      <Box sx={{ display: 'grid', gridTemplateColumns: '2fr 1fr', m: '5px' }}>
+      <Box sx={{ display: "grid", gridTemplateColumns: "2fr 1fr", m: "5px" }}>
         <Box>
           <Tooltip
             title={
@@ -149,17 +151,17 @@ export function MaterialElem(props: IMaterialProps): React.ReactElement {
           </Tooltip>
         </Box>
 
-        <Box sx={{ "& button": { width: '100%' } }}>
+        <Box sx={{ "& button": { width: "100%" } }}>
           <Tooltip
             title={tutorial ? <Typography>Purchase your required materials to get production started!</Typography> : ""}
           >
-              <Button
-                color={tutorial ? "error" : "primary"}
-                onClick={() => setPurchaseMaterialOpen(true)}
-                disabled={props.warehouse.smartSupplyEnabled && Object.keys(division.reqMats).includes(props.mat.name)}
-              >
-                {purchaseButtonText}
-              </Button>
+            <Button
+              color={tutorial ? "error" : "primary"}
+              onClick={() => setPurchaseMaterialOpen(true)}
+              disabled={props.warehouse.smartSupplyEnabled && Object.keys(division.reqMats).includes(props.mat.name)}
+            >
+              {purchaseButtonText}
+            </Button>
           </Tooltip>
           <PurchaseMaterialModal
             mat={mat}

src/Corporation/ui/Overview.tsx

@@ -2,13 +2,13 @@
 import React, { useState } from "react";
 import { LevelableUpgrade } from "./LevelableUpgrade";
 import { UnlockUpgrade } from "./UnlockUpgrade";
-import { BribeFactionModal } from "./BribeFactionModal";
-import { SellSharesModal } from "./SellSharesModal";
-import { BuybackSharesModal } from "./BuybackSharesModal";
-import { IssueDividendsModal } from "./IssueDividendsModal";
-import { IssueNewSharesModal } from "./IssueNewSharesModal";
-import { FindInvestorsModal } from "./FindInvestorsModal";
-import { GoPublicModal } from "./GoPublicModal";
+import { BribeFactionModal } from "./modals/BribeFactionModal";
+import { SellSharesModal } from "./modals/SellSharesModal";
+import { BuybackSharesModal } from "./modals/BuybackSharesModal";
+import { IssueDividendsModal } from "./modals/IssueDividendsModal";
+import { IssueNewSharesModal } from "./modals/IssueNewSharesModal";
+import { FindInvestorsModal } from "./modals/FindInvestorsModal";
+import { GoPublicModal } from "./modals/GoPublicModal";
 import { Factions } from "../../Faction/Factions";
 
 import { CorporationConstants } from "../data/Constants";
@@ -89,7 +89,7 @@ export function Overview({ rerender }: IProps): React.ReactElement {
       <StatsTable rows={multRows} />
       <br />
       <BonusTime />
-      <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', width: 'fit-content' }}>
+      <Box sx={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", width: "fit-content" }}>
         <Tooltip
           title={
             <Typography>
@@ -200,8 +200,8 @@ function PublicButtons({ rerender }: IPublicButtonsProps): React.ReactElement {
   const sellSharesTooltip = sellSharesOnCd
     ? "Cannot sell shares for " + corp.convertCooldownToString(corp.shareSaleCooldown)
     : "Sell your shares in the company. The money earned from selling your " +
-    "shares goes into your personal account, not the Corporation's. " +
-    "This is one of the only ways to profit from your business venture.";
+      "shares goes into your personal account, not the Corporation's. " +
+      "This is one of the only ways to profit from your business venture.";
 
   const issueNewSharesOnCd = corp.issueNewSharesCooldown > 0;
   const issueNewSharesTooltip = issueNewSharesOnCd

src/Corporation/ui/ProductElem.tsx

@@ -2,10 +2,10 @@ import React, { useState } from "react";
 
 import { CorporationConstants } from "../data/Constants";
 import { Product } from "../Product";
-import { DiscontinueProductModal } from "./DiscontinueProductModal";
-import { LimitProductProductionModal } from "./LimitProductProductionModal";
-import { SellProductModal } from "./SellProductModal";
-import { ProductMarketTaModal } from "./ProductMarketTaModal";
+import { DiscontinueProductModal } from "./modals/DiscontinueProductModal";
+import { LimitProductProductionModal } from "./modals/LimitProductProductionModal";
+import { SellProductModal } from "./modals/SellProductModal";
+import { ProductMarketTaModal } from "./modals/ProductMarketTaModal";
 
 import { numeralWrapper } from "../../ui/numeralFormat";
 

src/Corporation/ui/modals/BribeFactionModal.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from "react";
-import { Factions } from "../../Faction/Factions";
-import { CorporationConstants } from "../data/Constants";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { use } from "../../ui/Context";
-import { useCorporation } from "./Context";
+import { Factions } from "../../../Faction/Factions";
+import { CorporationConstants } from "../../data/Constants";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { use } from "../../../ui/Context";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import MenuItem from "@mui/material/MenuItem";

src/Corporation/ui/modals/BuybackSharesModal.tsx

@@ -1,14 +1,14 @@
 import React, { useState } from "react";
-import { Modal } from "../../ui/React/Modal";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { use } from "../../ui/Context";
-import { useCorporation } from "./Context";
+import { Modal } from "../../../ui/React/Modal";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { use } from "../../../ui/Context";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
-import { BuyBackShares } from '../Actions';
-import { dialogBoxCreate } from '../../ui/React/DialogBox';
-import { KEY } from "../../utils/helpers/keyCodes";
+import { BuyBackShares } from "../../Actions";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IProps {
   open: boolean;
@@ -40,9 +40,8 @@ export function BuybackSharesModal(props: IProps): React.ReactElement {
   function buy(): void {
     if (disabled) return;
     try {
-      BuyBackShares(corp, player, shares)
-    }
-    catch (err) {
+      BuyBackShares(corp, player, shares);
+    } catch (err) {
       dialogBoxCreate(err + "");
     }
     props.onClose();

src/Corporation/ui/modals/CreateCorporationModal.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 
-import { Money } from "../../ui/React/Money";
-import { Modal } from "../../ui/React/Modal";
-import { use } from "../../ui/Context";
+import { Money } from "../../../ui/React/Money";
+import { Modal } from "../../../ui/React/Modal";
+import { use } from "../../../ui/Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
@@ -56,9 +56,11 @@ export function CreateCorporationModal(props: IProps): React.ReactElement {
   return (
     <Modal open={props.open} onClose={props.onClose}>
       <Typography>
-        Would you like to start a corporation? This will require $150b for registration and initial funding. {player.bitNodeN === 3 && (`This $150b
+        Would you like to start a corporation? This will require $150b for registration and initial funding.{" "}
+        {player.bitNodeN === 3 &&
+          `This $150b
         can either be self-funded, or you can obtain the seed money from the government in exchange for 500 million
-        shares`)}
+        shares`}
         <br />
         <br />
         If you would like to start one, please enter a name for your corporation below:

src/Corporation/ui/modals/DiscontinueProductModal.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import { Product } from "../Product";
-import { Modal } from "../../ui/React/Modal";
-import { useDivision } from "./Context";
+import { Product } from "../../Product";
+import { Modal } from "../../../ui/React/Modal";
+import { useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 

src/Corporation/ui/modals/ExportModal.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Material } from "../Material";
-import { Export } from "../Export";
-import { IIndustry } from "../IIndustry";
-import { ExportMaterial } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
-import { useCorporation } from "./Context";
-import { isRelevantMaterial } from "./Helpers";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Material } from "../../Material";
+import { Export } from "../../Export";
+import { IIndustry } from "../../IIndustry";
+import { ExportMaterial } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
+import { useCorporation } from "../Context";
+import { isRelevantMaterial } from "../Helpers";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
@@ -23,7 +23,9 @@ interface IProps {
 // Create a popup that lets the player manage exports
 export function ExportModal(props: IProps): React.ReactElement {
   const corp = useCorporation();
-  const possibleDivisions = corp.divisions.filter((division: IIndustry) => isRelevantMaterial(props.mat.name, division));
+  const possibleDivisions = corp.divisions.filter((division: IIndustry) =>
+    isRelevantMaterial(props.mat.name, division),
+  );
   if (possibleDivisions.length === 0) throw new Error("Export popup created with no divisions.");
   const defaultDivision = possibleDivisions[0];
   if (Object.keys(defaultDivision.warehouses).length === 0)
@@ -93,7 +95,7 @@ export function ExportModal(props: IProps): React.ReactElement {
             <MenuItem key={division.name} value={division.name}>
               {division.name}
             </MenuItem>
-        ))}
+          ))}
       </Select>
       <Select onChange={onCityChange} value={city}>
         {possibleCities.map((cityName: string) => {

src/Corporation/ui/modals/FindInvestorsModal.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { CorporationConstants } from "../data/Constants";
-import { Modal } from "../../ui/React/Modal";
-import { useCorporation } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { CorporationConstants } from "../../data/Constants";
+import { Modal } from "../../../ui/React/Modal";
+import { useCorporation } from "../Context";
 
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
@@ -17,7 +17,11 @@ interface IProps {
 export function FindInvestorsModal(props: IProps): React.ReactElement {
   const corporation = useCorporation();
   const val = corporation.determineValuation();
-  if (corporation.fundingRound >= CorporationConstants.FundingRoundShares.length || corporation.fundingRound >= CorporationConstants.FundingRoundMultiplier.length) return <></>;
+  if (
+    corporation.fundingRound >= CorporationConstants.FundingRoundShares.length ||
+    corporation.fundingRound >= CorporationConstants.FundingRoundMultiplier.length
+  )
+    return <></>;
   const percShares = CorporationConstants.FundingRoundShares[corporation.fundingRound];
   const roundMultiplier = CorporationConstants.FundingRoundMultiplier[corporation.fundingRound];
   const funding = val * percShares * roundMultiplier;

src/Corporation/ui/modals/GoPublicModal.tsx

@@ -1,13 +1,13 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { useCorporation } from "./Context";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
 import Box from "@mui/material/Box";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/IssueDividendsModal.tsx

@@ -1,13 +1,13 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { CorporationConstants } from "../data/Constants";
-import { IssueDividends } from "../Actions";
-import { useCorporation } from "./Context";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { CorporationConstants } from "../../data/Constants";
+import { IssueDividends } from "../../Actions";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 interface IProps {
   open: boolean;
   onClose: () => void;

src/Corporation/ui/modals/IssueNewSharesModal.tsx

@@ -1,14 +1,14 @@
 import React, { useState } from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { getRandomInt } from "../../utils/helpers/getRandomInt";
-import { CorporationConstants } from "../data/Constants";
-import { useCorporation } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { getRandomInt } from "../../../utils/helpers/getRandomInt";
+import { CorporationConstants } from "../../data/Constants";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IEffectTextProps {
   shares: number | null;

src/Corporation/ui/modals/LimitProductProductionModal.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from "react";
-import { Product } from "../Product";
-import { LimitProductProduction } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
+import { Product } from "../../Product";
+import { LimitProductProduction } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/MakeProductModal.tsx

@@ -1,15 +1,15 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { Industries } from "../IndustryData";
-import { MakeProduct } from "../Actions";
-import { useCorporation, useDivision } from "./Context";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { Industries } from "../../IndustryData";
+import { MakeProduct } from "../../Actions";
+import { useCorporation, useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
 import MenuItem from "@mui/material/MenuItem";
 import Select, { SelectChangeEvent } from "@mui/material/Select";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/MaterialMarketTaModal.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { Material } from "../Material";
-import { Modal } from "../../ui/React/Modal";
-import { useDivision } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { Material } from "../../Material";
+import { Modal } from "../../../ui/React/Modal";
+import { useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import FormControlLabel from "@mui/material/FormControlLabel";

src/Corporation/ui/modals/ProductMarketTaModal.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { Product } from "../Product";
-import { Modal } from "../../ui/React/Modal";
-import { useDivision } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { Product } from "../../Product";
+import { Modal } from "../../../ui/React/Modal";
+import { useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import FormControlLabel from "@mui/material/FormControlLabel";

src/Corporation/ui/modals/PurchaseMaterialModal.tsx

@@ -1,16 +1,16 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { MaterialSizes } from "../MaterialSizes";
-import { Warehouse } from "../Warehouse";
-import { Material } from "../Material";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { BulkPurchase, BuyMaterial } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
-import { useCorporation, useDivision } from "./Context";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { MaterialSizes } from "../../MaterialSizes";
+import { Warehouse } from "../../Warehouse";
+import { Material } from "../../Material";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { BulkPurchase, BuyMaterial } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
+import { useCorporation, useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IBulkPurchaseTextProps {
   warehouse: Warehouse;

src/Corporation/ui/modals/ResearchModal.tsx

@@ -1,13 +1,13 @@
 import React, { useState } from "react";
-import { Modal } from "../../ui/React/Modal";
-import { IndustryResearchTrees } from "../IndustryData";
-import { CorporationConstants } from "../data/Constants";
-import { IIndustry } from "../IIndustry";
-import { Research } from "../Actions";
-import { Node } from "../ResearchTree";
-import { ResearchMap } from "../ResearchMap";
-import { Settings } from "../../Settings/Settings";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { IndustryResearchTrees } from "../../IndustryData";
+import { CorporationConstants } from "../../data/Constants";
+import { IIndustry } from "../../IIndustry";
+import { Research } from "../../Actions";
+import { Node } from "../../ResearchTree";
+import { ResearchMap } from "../../ResearchMap";
+import { Settings } from "../../../Settings/Settings";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
 import Typography from "@mui/material/Typography";
 import Tooltip from "@mui/material/Tooltip";
 import Button from "@mui/material/Button";
@@ -16,7 +16,7 @@ import Box from "@mui/material/Box";
 import Collapse from "@mui/material/Collapse";
 import ExpandMore from "@mui/icons-material/ExpandMore";
 import ExpandLess from "@mui/icons-material/ExpandLess";
-import CheckIcon from '@mui/icons-material/Check';
+import CheckIcon from "@mui/icons-material/Check";
 
 interface INodeProps {
   n: Node | null;
@@ -43,8 +43,8 @@ function Upgrade({ n, division }: INodeProps): React.ReactElement {
 
     dialogBoxCreate(
       `Researched ${n.text}. It may take a market cycle ` +
-      `(~${CorporationConstants.SecsPerMarketCycle} seconds) before the effects of ` +
-      `the Research apply.`,
+        `(~${CorporationConstants.SecsPerMarketCycle} seconds) before the effects of ` +
+        `the Research apply.`,
     );
   }
 
@@ -66,19 +66,23 @@ function Upgrade({ n, division }: INodeProps): React.ReactElement {
       >
         {ele}
       </Tooltip>
-    )
-  }
+    );
+  };
 
   const but = (
     <Box>
       {wrapInTooltip(
         <span>
-          <Button color={color} disabled={disabled && !n.researched} onClick={research}
-            style={{ width: '100%', textAlign: 'left', justifyContent: 'unset' }}
+          <Button
+            color={color}
+            disabled={disabled && !n.researched}
+            onClick={research}
+            style={{ width: "100%", textAlign: "left", justifyContent: "unset" }}
           >
-            {n.researched && (<CheckIcon sx={{ mr: 1 }} />)}{n.text}
+            {n.researched && <CheckIcon sx={{ mr: 1 }} />}
+            {n.text}
           </Button>
-        </span>
+        </span>,
       )}
     </Box>
   );
@@ -87,20 +91,29 @@ function Upgrade({ n, division }: INodeProps): React.ReactElement {
 
   return (
     <Box>
-      <Box display="flex" sx={{ border: '1px solid ' + Settings.theme.well }}>
+      <Box display="flex" sx={{ border: "1px solid " + Settings.theme.well }}>
         {wrapInTooltip(
-          <span style={{ width: '100%' }}>
-            <Button color={color} disabled={disabled && !n.researched} onClick={research} sx={{
-              width: '100%',
-              textAlign: 'left',
-              justifyContent: 'unset',
-              borderColor: Settings.theme.button
-            }}>
-              {n.researched && (<CheckIcon sx={{ mr: 1 }} />)}{n.text}
+          <span style={{ width: "100%" }}>
+            <Button
+              color={color}
+              disabled={disabled && !n.researched}
+              onClick={research}
+              sx={{
+                width: "100%",
+                textAlign: "left",
+                justifyContent: "unset",
+                borderColor: Settings.theme.button,
+              }}
+            >
+              {n.researched && <CheckIcon sx={{ mr: 1 }} />}
+              {n.text}
             </Button>
-          </span>
+          </span>,
         )}
-        <Button onClick={() => setOpen((old) => !old)} sx={{ borderColor: Settings.theme.button, minWidth: 'fit-content' }}>
+        <Button
+          onClick={() => setOpen((old) => !old)}
+          sx={{ borderColor: Settings.theme.button, minWidth: "fit-content" }}
+        >
           {open ? <ExpandLess color="primary" /> : <ExpandMore color="primary" />}
         </Button>
       </Box>

src/Corporation/ui/modals/SellMaterialModal.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Material } from "../Material";
-import { SellMaterial } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Material } from "../../Material";
+import { SellMaterial } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 function initialPrice(mat: Material): string {
   let val = mat.sCost ? mat.sCost + "" : "";

src/Corporation/ui/modals/SellProductModal.tsx

@@ -1,15 +1,15 @@
 import React, { useState } from "react";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Product } from "../Product";
-import { SellProduct } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Product } from "../../Product";
+import { SellProduct } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
 
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Switch from "@mui/material/Switch";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 function initialPrice(product: Product): string {
   let val = product.sCost ? product.sCost + "" : "";

src/Corporation/ui/modals/SellSharesModal.tsx

@@ -1,16 +1,16 @@
 import React, { useState } from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { use } from "../../ui/Context";
-import { useCorporation } from "./Context";
-import { ICorporation } from "../ICorporation";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { use } from "../../../ui/Context";
+import { useCorporation } from "../Context";
+import { ICorporation } from "../../ICorporation";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { Money } from "../../ui/React/Money";
-import { SellShares } from "../Actions";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { Money } from "../../../ui/React/Money";
+import { SellShares } from "../../Actions";
+import { KEY } from "../../../utils/helpers/keyCodes";
 interface IProps {
   open: boolean;
   onClose: () => void;
@@ -51,7 +51,7 @@ export function SellSharesModal(props: IProps): React.ReactElement {
   function sell(): void {
     if (disabled) return;
     try {
-      const profit = SellShares(corp, player, shares)
+      const profit = SellShares(corp, player, shares);
       props.onClose();
       dialogBoxCreate(
         <>
@@ -65,7 +65,6 @@ export function SellSharesModal(props: IProps): React.ReactElement {
     } catch (err) {
       dialogBoxCreate(err + "");
     }
-
   }
 
   function onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {

src/Corporation/ui/modals/SmartSupplyModal.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from "react";
 
-import { Warehouse } from "../Warehouse";
-import { SetSmartSupply, SetSmartSupplyUseLeftovers } from "../Actions";
-import { Material } from "../Material";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { Modal } from "../../ui/React/Modal";
-import { useDivision } from "./Context";
+import { Warehouse } from "../../Warehouse";
+import { SetSmartSupply, SetSmartSupplyUseLeftovers } from "../../Actions";
+import { Material } from "../../Material";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { Modal } from "../../../ui/React/Modal";
+import { useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Switch from "@mui/material/Switch";

src/Corporation/ui/modals/ThrowPartyModal.tsx

@@ -1,16 +1,16 @@
 import React, { useState } from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { dialogBoxCreate } from "../../ui/React/DialogBox";
-import { OfficeSpace } from "../OfficeSpace";
-import { ThrowParty } from "../Actions";
-import { Money } from "../../ui/React/Money";
-import { Modal } from "../../ui/React/Modal";
-import { useCorporation } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { dialogBoxCreate } from "../../../ui/React/DialogBox";
+import { OfficeSpace } from "../../OfficeSpace";
+import { ThrowParty } from "../../Actions";
+import { Money } from "../../../ui/React/Money";
+import { Modal } from "../../../ui/React/Modal";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
 import Box from "@mui/material/Box";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/helpers/keyCodes";
 
 interface IProps {
   open: boolean;
@@ -35,17 +35,17 @@ export function ThrowPartyModal(props: IProps): React.ReactElement {
     if (cost === null || isNaN(cost) || cost < 0) {
       dialogBoxCreate("Invalid value entered");
     } else if (!canParty) {
-        dialogBoxCreate("You don't have enough company funds to throw a party!");
-      } else {
-        const mult = ThrowParty(corp, props.office, cost);
-        dialogBoxCreate(
-          "You threw a party for the office! The morale and happiness " +
-            "of each employee increased by " +
-            numeralWrapper.formatPercentage(mult - 1),
-        );
-        props.rerender();
-        props.onClose();
-      }
+      dialogBoxCreate("You don't have enough company funds to throw a party!");
+    } else {
+      const mult = ThrowParty(corp, props.office, cost);
+      dialogBoxCreate(
+        "You threw a party for the office! The morale and happiness " +
+          "of each employee increased by " +
+          numeralWrapper.formatPercentage(mult - 1),
+      );
+      props.rerender();
+      props.onClose();
+    }
   }
 
   function EffectText(): React.ReactElement {

src/Corporation/ui/modals/UpgradeOfficeSizeModal.tsx

@@ -1,11 +1,11 @@
 import React from "react";
-import { numeralWrapper } from "../../ui/numeralFormat";
-import { CorporationConstants } from "../data/Constants";
-import { OfficeSpace } from "../OfficeSpace";
-import { ICorporation } from "../ICorporation";
-import { UpgradeOfficeSize } from "../Actions";
-import { Modal } from "../../ui/React/Modal";
-import { useCorporation } from "./Context";
+import { numeralWrapper } from "../../../ui/numeralFormat";
+import { CorporationConstants } from "../../data/Constants";
+import { OfficeSpace } from "../../OfficeSpace";
+import { ICorporation } from "../../ICorporation";
+import { UpgradeOfficeSize } from "../../Actions";
+import { Modal } from "../../../ui/React/Modal";
+import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import Tooltip from "@mui/material/Tooltip";

src/Locations/ui/SpecialLocation.tsx

@@ -15,7 +15,7 @@ import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 
 import { Location } from "../Location";
-import { CreateCorporationModal } from "../../Corporation/ui/CreateCorporationModal";
+import { CreateCorporationModal } from "../../Corporation/ui/modals/CreateCorporationModal";
 import { LocationName } from "../data/LocationNames";
 import { AugmentationNames } from "../../Augmentation/data/AugmentationNames";
 import { Factions } from "../../Faction/Factions";