Add action buttons and status bar

This commit is contained in:
Gabe Kangas
2022-05-07 16:13:06 -07:00
parent 448c23d097
commit f835ae5086
19 changed files with 191 additions and 103 deletions

View File

@ -0,0 +1,19 @@
import { Button } from 'antd';
import { ExternalAction } from '../interfaces/external-action.interface';
import s from './ActionButton.module.scss';
interface Props {
action: ExternalAction;
}
export default function ActionButton(props: Props) {
const { action } = props;
const { url, title, description, icon, color, openExternally } = action;
return (
<Button type="primary" className={`${s.button}`} style={{ backgroundColor: color }}>
<img src={icon} className={`${s.icon}`} alt={description} />
{title}
</Button>
);
}