You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React from 'react'; import {COLOR_VERY_BAD} from "../helpers/color";
import "./Misc.css";
const Filter = ({bool, children}) => bool ? <>{children}</> : null;
export const StateFilter = ({current, required, children}) => ( <Filter bool={current === required}>{children}</Filter> );
export const Warning = ({children}) => ( <div className="Warning" style={{color: COLOR_VERY_BAD}}> {children} </div> );
export const Info = ({children}) => ( <div className="Info"> {children} </div> );
export const InfoTable = ({keyValuePairs}) => ( <Info> <table> {keyValuePairs.map(({key, value}) => ( <tr key={key}> <td>{key}:</td> <td><b>{value}</b></td> </tr> ))} </table> </Info> );
|