39 lines
986 B
React
39 lines
986 B
React
import React from 'react';
|
|
import Badge from './badge.jsx';
|
|
|
|
class BadgeText extends React.Component {
|
|
render() {
|
|
if (!this.props.filename) {
|
|
return (
|
|
<p className={this.props.className} style={this.props.style}>{this.props.children}</p>
|
|
);
|
|
}
|
|
|
|
let centerStyle = {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center'
|
|
};
|
|
|
|
let leftStyle = {
|
|
display: 'flex'
|
|
};
|
|
|
|
let style = this.props.centered ? centerStyle : leftStyle;
|
|
|
|
//Capture The Flag forces your name to be yellow
|
|
let colorOverride = {};
|
|
if (this.props.name === 'Capture The Flag') {
|
|
colorOverride.color = 'yellow';
|
|
}
|
|
|
|
return (
|
|
<div className={this.props.className} style={{...style, paddingBottom: '0.5em'}}>
|
|
<Badge name={this.props.name} filename={this.props.filename} size={this.props.size} />
|
|
<p className='truncate' style={{paddingBottom: 0, ...this.props.style, ...colorOverride}}>{this.props.children}</p>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
export default BadgeText; |