Fixed approve button look

TIER · Oct 28, 2022 · 0b8ccc8 · 0b8ccc8
1 parent cefb930
commit 0b8ccc8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/backend/src/main/resources/i18n/messages.properties b/backend/src/main/resources/i18n/messages.properties
@@ -812,7 +812,7 @@ message.algorithms-unique=Each algorithm may only be used once.
 
 label.approve=Approve
 label.disapprove=Unapprove
-label.approval=Approval
+label.approval=Approved
 value.approved=Approved
 value.disapproved=Not Approved
 label.group-approvers=Approvers

diff --git a/ui/src/app/metadata/domain/source/component/SourceList.js b/ui/src/app/metadata/domain/source/component/SourceList.js
@@ -8,7 +8,8 @@ import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTrash, faCheck } from '@fortawesome/free-solid-svg-icons';
+import { faSquareCheck, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faSquare } from '@fortawesome/free-regular-svg-icons';
 
 import FormattedDate from '../../../../core/components/FormattedDate';
 import Translate from '../../../../i18n/components/translate';
@@ -68,14 +69,14 @@ export default function SourceList({ entities, onDelete, onEnable, onApprove, on
                                             <td className="text-center align-middle">
                                                 <span className="d-flex justify-content-center align-items-center">
                                                     {onApprove ?
-                                                    <Button variant={source.approved ? 'outline-success' : 'outline-success' }
+                                                    <Button variant={source.approved ? 'outline-success' : 'outline-primary' }
                                                         id={`approve-switch-${source.id}`}
                                                         size="sm" className=""
                                                             onClick={() => onApprove(source, !source.approved)}>
                                                                 <span className=" me-1">
                                                                     <Translate value={source.approved ? 'label.disapprove' : 'label.approve'} />
                                                                 </span>
-                                                        <FontAwesomeIcon size="lg" icon={faCheck} />
+                                                        <FontAwesomeIcon size="lg" icon={source.approved ? faSquareCheck : faSquare} />
                                                     </Button>
                                                     :
                                                     <Badge bg={source.approved ? 'success' : 'danger'}>