mirror of
https://github.com/owncast/owncast.git
synced 2025-11-02 20:23:29 +08:00
Add action buttons and status bar
This commit is contained in:
19
web/components/action-buttons/ActionButton.tsx
Normal file
19
web/components/action-buttons/ActionButton.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user