From 0b8ccc87fc34bbc0dc02c818e6b7e7d7e6c01d1e Mon Sep 17 00:00:00 2001
From: Ryan Mathis <rmathis@unicon.net>
Date: Fri, 28 Oct 2022 14:26:21 -0700
Subject: [PATCH] Fixed approve button look

---
 backend/src/main/resources/i18n/messages.properties       | 2 +-
 ui/src/app/metadata/domain/source/component/SourceList.js | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/backend/src/main/resources/i18n/messages.properties b/backend/src/main/resources/i18n/messages.properties
index 4706436c6..08950568c 100644
--- 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
index 5a57691da..e43791a67 100644
--- 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'}>