diff --git a/app/soapbox/components/dropdown_menu.js b/app/soapbox/components/dropdown_menu.js index 456ce8858..868e42066 100644 --- a/app/soapbox/components/dropdown_menu.js +++ b/app/soapbox/components/dropdown_menu.js @@ -148,10 +148,10 @@ class DropdownMenu extends React.PureComponent { return
  • ; } - const { text, href, to, newTab, isLogout, icon, type } = option; + const { text, href, to, newTab, isLogout, icon, destructive } = option; return ( -
  • +
  • ; } - const { icon = null, text, meta = null, active = false, href = '#', isLogout, type } = action; + const { icon = null, text, meta = null, active = false, href = '#', isLogout, destructive } = action; return (
  • @@ -37,7 +37,7 @@ class ActionsModal extends ImmutablePureComponent { rel='noopener' onClick={this.props.onClick} data-index={i} - className={classNames({ active, warning: type === 'warning' })} + className={classNames({ active, destructive })} data-method={isLogout ? 'delete' : null} > {icon && } diff --git a/app/styles/components/dropdown-menu.scss b/app/styles/components/dropdown-menu.scss index c36cdef12..7f2dd870c 100644 --- a/app/styles/components/dropdown-menu.scss +++ b/app/styles/components/dropdown-menu.scss @@ -69,7 +69,7 @@ color: var(--primary-text-color); } - &.warning a { + &.destructive a { color: var(--warning-color--hicontrast); } diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss index e0a11c71b..56e8194ca 100644 --- a/app/styles/components/modal.scss +++ b/app/styles/components/modal.scss @@ -581,7 +581,7 @@ transition: none; } - &.warning { + &.destructive { color: var(--warning-color--hicontrast); opacity: 1; }