diff --git a/client/coral-admin/src/components/ApproveButton.css b/client/coral-admin/src/components/ApproveButton.css index 4c42cc233..071be2fcb 100644 --- a/client/coral-admin/src/components/ApproveButton.css +++ b/client/coral-admin/src/components/ApproveButton.css @@ -16,12 +16,16 @@ transform: scale(.8); margin: 0; - &:hover { + &:not(:disabled):hover { box-shadow: none; color: white; background-color: #519954; cursor: pointer; } + + &:disabled { + cursor: not-allowed; + } } .active { diff --git a/client/coral-admin/src/components/ApproveButton.js b/client/coral-admin/src/components/ApproveButton.js index 97a674221..884ac3da5 100644 --- a/client/coral-admin/src/components/ApproveButton.js +++ b/client/coral-admin/src/components/ApproveButton.js @@ -7,7 +7,7 @@ import { Icon } from 'coral-ui'; import t from 'coral-framework/services/i18n'; -const ApproveButton = ({ active, minimal, onClick, className }) => { +const ApproveButton = ({ active, minimal, onClick, className, disabled }) => { const text = active ? t('modqueue.approved') : t('modqueue.approve'); return (