Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-09 14:45:35 +00:00
Code Issues Projects Releases Wiki Activity

Add key to property header in ModificationsMenu

Browse Source
This commit is contained in:
Felix Linker
2021-01-10 22:02:00 +01:00
parent 5c63afd96c
commit 07d324a3fa
1 changed files with 13 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/components/ModificationsMenu.jsx
View File

@@ -146,6 +146,7 @@ export default class ModificationsMenu extends TranslatedComponent {
* Create a modification component
*/
_mkModification(property, highlight) {
const { translate } = this.context.language;
const { m, propsToShow, onPropToggle } = this.props;
let onSet = m.set.bind(m);
@@ -156,9 +157,16 @@ export default class ModificationsMenu extends TranslatedComponent {
onSet = mapped.setter.bind(undefined, m);
}
return <Modification key={property} m={m} property={property}
return [
<tr key={`th-${property}`}>
<th colSpan="4">
<span className="cb">{translate(property)}</span>
</th>
</tr>,
<Modification key={property} m={m} property={property}
onSet={onSet} highlight={highlight} showProp={propsToShow[property]}
onPropToggle={onPropToggle} />;
onPropToggle={onPropToggle} />
];
}
/**
@@ -167,33 +175,18 @@ export default class ModificationsMenu extends TranslatedComponent {
*/
_renderModifications() {
const { m } = this.props;
const { translate } = this.context.language;
const blueprintFeatures = getBlueprintInfo(m.getBlueprint()).features[
m.getBlueprintGrade()
];
const blueprintModifications = chain(keys(blueprintFeatures))
.map((feature) => [
<tr>
<th colSpan="4">
<span className="cb">{translate(feature)}</span>
</th>
</tr>,
this._mkModification(feature, true),
])
.map((feature) => this._mkModification(feature, true))
.filter(([_, mod]) => Boolean(mod))
.flatMap()
.value();
const moduleModifications = chain(keys(getModuleInfo(m.getItem()).props))
.filter((prop) => !blueprintFeatures[prop])
.map((prop) => [
<tr>
<th colSpan="4">
<span className="cb">{translate(prop)}</span>
</th>
</tr>,
this._mkModification(prop, false),
])
.map((prop) => this._mkModification(prop, false))
.flatMap()
.value();