You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
917 B
35 lines
917 B
import "./MilestoneBoi.sass";
|
|
import {useCurrentMilestone} from "../../hooks/milestones";
|
|
import {Boi} from "../../primitives/boi/Boi";
|
|
import {Value} from "../../primitives/misc/Misc";
|
|
import {ValueKey} from "../../models/Shared";
|
|
|
|
export default function MilestoneBoi() {
|
|
const milestone = useCurrentMilestone();
|
|
if (milestone === null) {
|
|
return null;
|
|
}
|
|
|
|
const {primary, primaryKey, diff} = milestone;
|
|
|
|
|
|
const top = <Value raw={primary} valueKey={primaryKey}/>;
|
|
const bottom = [];
|
|
for (const key in diff) {
|
|
bottom.push(<div key={key}>+<Value raw={diff} valueKey={(key) as ValueKey}/></div>);
|
|
}
|
|
|
|
return (
|
|
<Boi vertical="center" horizontal="center">
|
|
<div className="MilestoneBoi-inner">
|
|
<span className="MilestoneBoi-top">
|
|
{top}
|
|
</span>
|
|
<br/>
|
|
<span className="MilestoneBoi-bottom">
|
|
{bottom}
|
|
</span>
|
|
</div>
|
|
</Boi>
|
|
);
|
|
}
|