LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Destructured props

Browse Source
This commit is contained in:
t1enne 2022-05-22 14:19:39 +02:00
parent abc210477f
commit d1ea0fa81b
1 changed files with 1 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/action-buttons/ActionButton.tsx
View File

@ -8,10 +8,8 @@ interface Props {
action: ExternalAction; action: ExternalAction;
} }
export default function ActionButton(props: Props) { export default function ActionButton({action: { url, title, description, icon, openExternally }}: Props) {
const [showModal, setShowModal] = useState(false); const [showModal, setShowModal] = useState(false);
const { action } = props;
const { url, title, description, icon, color, openExternally } = action;
const buttonClicked = () => { const buttonClicked = () => {
if (openExternally) { if (openExternally) {
@ -27,7 +25,6 @@ export default function ActionButton(props: Props) {
type="primary" type="primary"
className={`${s.button}`} className={`${s.button}`}
onClick={buttonClicked} onClick={buttonClicked}
style={{ backgroundColor: color }}
> >
<img src={icon} className={`${s.icon}`} alt={description} /> <img src={icon} className={`${s.icon}`} alt={description} />
{title} {title}