2021-09-10 09:07:05 +02:00
|
|
|
/**
|
|
|
|
* React Component for the popup used to purchase a new server.
|
|
|
|
*/
|
2021-09-11 08:16:14 +02:00
|
|
|
import React, { useState } from "react";
|
|
|
|
import { removePopup } from "../../ui/React/createPopup";
|
|
|
|
import { purchaseServer } from "../../Server/ServerPurchases";
|
|
|
|
import { numeralWrapper } from "../../ui/numeralFormat";
|
|
|
|
import { Money } from "../../ui/React/Money";
|
|
|
|
import { IPlayer } from "../../PersonObjects/IPlayer";
|
|
|
|
import { StdButton } from "../../ui/React/StdButton";
|
2021-09-10 09:07:05 +02:00
|
|
|
|
2021-09-11 08:16:14 +02:00
|
|
|
interface IPurchaseServerPopupProps {
|
|
|
|
ram: number;
|
|
|
|
cost: number;
|
|
|
|
p: IPlayer;
|
|
|
|
popupId: string;
|
|
|
|
rerender: () => void;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function PurchaseServerPopup(props: IPurchaseServerPopupProps): React.ReactElement {
|
|
|
|
const [hostname, setHostname] = useState("");
|
|
|
|
|
|
|
|
function tryToPurchaseServer(): void {
|
|
|
|
purchaseServer(hostname, props.ram, props.cost, props.p);
|
|
|
|
|
|
|
|
removePopup(props.popupId);
|
|
|
|
}
|
|
|
|
|
|
|
|
function onKeyUp(event: React.KeyboardEvent<HTMLInputElement>): void {
|
|
|
|
if (event.keyCode === 13) tryToPurchaseServer();
|
|
|
|
}
|
|
|
|
|
|
|
|
function onChange(event: React.ChangeEvent<HTMLInputElement>): void {
|
|
|
|
setHostname(event.target.value);
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2021-09-10 09:07:05 +02:00
|
|
|
<>
|
|
|
|
Would you like to purchase a new server with {numeralWrapper.formatRAM(props.ram)} of RAM for{" "}
|
|
|
|
<Money money={props.cost} player={props.p} />?
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
Please enter the server hostname below:
|
|
|
|
<br />
|
|
|
|
<div className="popup-box-input-div">
|
|
|
|
<input
|
2021-09-11 08:16:14 +02:00
|
|
|
autoFocus
|
|
|
|
onKeyUp={onKeyUp}
|
|
|
|
onChange={onChange}
|
|
|
|
className="text-input noselect"
|
|
|
|
type="text"
|
|
|
|
placeholder="Unique Hostname"
|
2021-09-10 09:07:05 +02:00
|
|
|
/>
|
2021-09-11 08:16:14 +02:00
|
|
|
<StdButton onClick={tryToPurchaseServer} text="Purchase Server" disabled={!props.p.canAfford(props.cost)} />
|
2021-09-10 09:07:05 +02:00
|
|
|
</div>
|
|
|
|
</>
|
2021-09-11 08:16:14 +02:00
|
|
|
);
|
|
|
|
}
|