2021-08-16 03:49:08 +02:00
|
|
|
import React from "react";
|
|
|
|
import { Stats } from "./Stats";
|
|
|
|
import { Console } from "./Console";
|
|
|
|
import { AllPages } from "./AllPages";
|
|
|
|
|
|
|
|
import { IPlayer } from "../../PersonObjects/IPlayer";
|
|
|
|
import { IEngine } from "../../IEngine";
|
2021-08-16 04:35:43 +02:00
|
|
|
import { IBladeburner } from "../IBladeburner";
|
2021-08-16 03:49:08 +02:00
|
|
|
|
|
|
|
interface IProps {
|
2021-08-16 04:35:43 +02:00
|
|
|
bladeburner: IBladeburner;
|
2021-08-16 03:49:08 +02:00
|
|
|
engine: IEngine;
|
|
|
|
player: IPlayer;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function Root(props: IProps): React.ReactElement {
|
2021-08-16 04:35:43 +02:00
|
|
|
return (<div id="bladeburner-container">
|
2021-08-16 03:49:08 +02:00
|
|
|
<div style={{height:"60%", display:"block", position:"relative"}}>
|
|
|
|
<div style={{height: '100%', width:"30%", display:"inline-block", border:"1px solid white"}}>
|
|
|
|
<Stats bladeburner={props.bladeburner} player={props.player} engine={props.engine} />
|
|
|
|
</div>
|
2021-08-16 07:35:05 +02:00
|
|
|
<Console bladeburner={props.bladeburner} player={props.player} />
|
2021-08-16 03:49:08 +02:00
|
|
|
</div>
|
|
|
|
<div style={{width:"70%", display:"block", border:"1px solid white", marginTop:"6px", padding: "6px", position:"relative"}}>
|
2021-08-16 07:35:05 +02:00
|
|
|
<AllPages bladeburner={props.bladeburner} player={props.player} />
|
2021-08-16 03:49:08 +02:00
|
|
|
</div>
|
|
|
|
</div>);
|
|
|
|
}
|