src/components/GirlsHooHack2022/Schedule/Activity.tsx
import {Row, Col} from 'react-bootstrap';
interface Props {
starttime: string;
endtime: string;
name: string;
detail?: string;
linkname?: string;
link?: string;
}
function Activity(props: Props): JSX.Element {
return (
<Row className="mb-2">
<Col>
{props.endtime && <p className="text-dark-grey mono">{props.starttime} - {props.endtime}</p>}
{!props.endtime && <p className="text-dark-grey mono">{props.starttime}</p>}
</Col>
<Col>
<p className="mono font-weight-bold mb-0">{props.name}</p>
{(props.detail && props.detail!=="") && <p className="text-dark-grey interactive mb-0">{props.detail}</p>}
{(props.link && props.link!=="") && <a href={props.link} target="_blank" rel="noreferrer" className="text-blue interactive mb-0"><u>{props.linkname}</u> ↗</a>}
</Col>
</Row>
);
}
export default Activity;