Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-12-20 05:05:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4248 from borisflagell/hospital

Browse Source 
UI: #4242 Fix hospital ReactComponent
This commit is contained in:
hydroflame 2022-10-19 11:45:20 -04:00 committed by GitHub
commit 532b32c51a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/Locations/ui/HospitalLocation.tsx
View File

@ -12,29 +12,22 @@ import { getHospitalizationCost } from "../../Hospital/Hospital";
import { Money } from "../../ui/React/Money";
import { dialogBoxCreate } from "../../ui/React/DialogBox";
import { useEffect, useState } from "react";
type IState = {
currHp: number;
};
//Todo: Make this a functional component
export class HospitalLocation extends React.Component<Record<string, never>, IState> {
export function HospitalLocation(): React.ReactElement {
/** Stores button styling that sets them all to block display */
btnStyle = { display: "block" };
constructor() {
super({});
this.state = {
currHp: Player.hp.current,
};
const btnStyle = { display: "block" };
const setRerender = useState(false)[1];
function rerender(): void {
setRerender((old) => !old);
}
getCost(): number {
return getHospitalizationCost();
}
useEffect(() => {
const id = setInterval(rerender, 200);
return () => clearInterval(id);
}, []);
getHealed(e: React.MouseEvent<HTMLElement>): void {
function getHealed(e: React.MouseEvent<HTMLElement>): void {
if (!e.isTrusted) {
return;
}
@ -46,14 +39,12 @@ export class HospitalLocation extends React.Component<Record<string, never>, ISt
return;
}
const cost = this.getCost();
const cost = getHospitalizationCost();
Player.loseMoney(cost, "hospitalization");
Player.hp.current = Player.hp.max;
// This just forces a re-render to update the cost
this.setState({
currHp: Player.hp.current,
});
rerender();
dialogBoxCreate(
<>
@ -62,13 +53,9 @@ export class HospitalLocation extends React.Component<Record<string, never>, ISt
);
}
render(): React.ReactNode {
const cost = this.getCost();
return (
<Button onClick={this.getHealed} style={this.btnStyle}>
Get treatment for wounds - <Money money={cost} forPurchase={true} />
<Button onClick={getHealed} style={btnStyle}>
Get treatment for wounds - <Money money={getHospitalizationCost()} forPurchase={true} />
</Button>
);
}
}