Files
optolith-client/js/views/profile/SheetHeader.js
T
Lukas Obermann 0602f421ba Cleaned up SCSS and character sheet print
- Normalized many SCSS files as deep as possible
- Fixed print css to display all 6 pages
- Fixed sheet header to match original sheet header
- Fixed issue with range property for ranged items
2016-12-26 16:16:49 +13:00

37 lines
785 B
JavaScript

import AttributeStore from '../../stores/AttributeStore';
import React, { Component, PropTypes } from 'react';
import SheetHeaderAttribute from './SheetHeaderAttribute';
export default class SheetHeader extends Component {
static defaultProps = {
add: []
};
static propTypes = {
add: PropTypes.array,
title: PropTypes.string
};
render() {
const { add, title } = this.props;
const array = AttributeStore.getAll().concat(add);
return (
<div className="sheet-header">
<div className="sheet-title">
<h1>Heldendokument</h1>
<p>{title}</p>
</div>
<div className="sheet-attributes">
{
array.map(attr => <SheetHeaderAttribute key={attr.id} id={attr.id} label={attr.short} value={attr.value} />)
}
</div>
</div>
);
}
}