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;
}