launch: add class exemptions for Dojo tile

This commit is contained in:
Matilde Park 2020-05-27 18:46:24 -04:00 committed by Logan Allen
parent 0b857fa70a
commit 816b31ee7a

View File

@ -4,22 +4,28 @@ import { Link } from 'react-router-dom';
import Tile from './tile';
export default class BasicTile extends React.PureComponent {
render() {
const { props } = this;
const children = (
<span>
<p className="black white-d absolute f9"
style={{left: 8, top: 8}}>{props.title}</p>
<p className={
classnames('absolute f9',
{ 'black white-d': props.title !== 'Dojo',
'white': props.title === 'Dojo' })}
style={{ left: 8, top: 8 }}
>
{props.title}
</p>
<img
className="absolute invert-d"
className={classnames('absolute',
{ 'invert-d': props.title !== 'Dojo' })}
style={{ left: 38, top: 38 }}
src={props.iconUrl}
width={48}
height={48} />
height={48}
/>
</span>
);
@ -37,10 +43,11 @@ export default class BasicTile extends React.PureComponent {
return (
<Tile>
<div className={"w-100 h-100 relative bg-white bg-gray0-d ba " +
"b--black b--gray1-d"}>{tile}</div>
<div className={classnames('w-100 h-100 relative ba b--black b--gray1-d bg-gray0-d',
{ 'bg-white': props.title !== 'Dojo',
'bg-black': props.title === 'Dojo' })}
>{tile}</div>
</Tile>
);
}
}