mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 18:23:15 +02:00
34 lines
974 B
TypeScript
34 lines
974 B
TypeScript
|
/**
|
||
|
* React Component for displaying a single Augmentation as an accordion.
|
||
|
*
|
||
|
* The header of the accordion contains the Augmentation's name (and level, if
|
||
|
* applicable), and the accordion's panel contains the Augmentation's level.
|
||
|
*/
|
||
|
import * as React from "react";
|
||
|
|
||
|
import { Accordion } from "./Accordion";
|
||
|
|
||
|
import { Augmentation } from "../../Augmentation/Augmentation";
|
||
|
import { AugmentationNames } from "../../Augmentation/data/AugmentationNames";
|
||
|
|
||
|
type IProps = {
|
||
|
aug: Augmentation,
|
||
|
level?: number | string | null,
|
||
|
}
|
||
|
|
||
|
export function AugmentationAccordion(props: IProps): React.ReactElement {
|
||
|
let displayName = props.aug.name;
|
||
|
if (props.level != null) {
|
||
|
if (props.aug.name === AugmentationNames.NeuroFluxGovernor) {
|
||
|
displayName += (` - Level ${props.level}`)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
<Accordion
|
||
|
headerContent={<p>{displayName}</p>}
|
||
|
panelContent={<p>{props.aug.info}</p>}
|
||
|
/>
|
||
|
)
|
||
|
}
|