From 6ad38bc89a11da5e2cd9da311c2cdebe6c573b08 Mon Sep 17 00:00:00 2001
From: Kiran Niranjan <kiran.niranjan@symphony.com>
Date: Mon, 4 Jan 2021 17:33:19 +0530
Subject: [PATCH] fix: SDA-2802 - Use emoji as thumbs up button (#1165)

---
 src/renderer/assets/notification-thumbsup.svg | 12 ------------
 src/renderer/components/notification-comp.tsx |  2 +-
 src/renderer/styles/notification-comp.less    |  5 +++--
 3 files changed, 4 insertions(+), 15 deletions(-)
 delete mode 100644 src/renderer/assets/notification-thumbsup.svg

diff --git a/src/renderer/assets/notification-thumbsup.svg b/src/renderer/assets/notification-thumbsup.svg
deleted file mode 100644
index 80b458be..00000000
--- a/src/renderer/assets/notification-thumbsup.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.9499 6.77495C7.9499 6.77495 6.8499 6.99995 7.7499 5.12495C8.3999 3.77495 8.3249 2.19995 7.7499 1.37495C6.7999 0.0499523 4.9749 0.474952 5.1749 1.24995C5.8249 3.87495 4.3499 4.67495 3.5999 6.32495C2.8249 7.99995 2.8999 10.4 3.2499 12.525C3.4749 13.85 4.0499 15.5 6.1249 15.5H8.9999L7.9499 6.77495Z" fill="#FFDD67"/>
-<path d="M6.45004 15.125C4.37504 15.125 3.92504 13.475 3.70004 12.15C3.35004 10.025 3.30004 8.32495 3.97504 6.59995C4.72504 4.72495 5.50004 4.67495 5.50004 0.974951C5.50004 0.799951 5.60004 0.674951 5.70004 0.574951C5.35004 0.699951 5.15004 0.899951 5.15004 1.19995C5.15004 3.97495 4.37504 4.64995 3.62504 6.32495C2.82504 7.99995 2.90004 10.4 3.25004 12.525C3.47504 13.85 4.05004 15.5 6.12504 15.5H9.00004V15.125H6.45004Z" fill="#EBA352"/>
-<path d="M11.5 8.9499H7.94995C6.69995 8.9499 6.69995 6.7749 7.94995 6.7749H11.5C12.75 6.7749 12.75 8.9499 11.5 8.9499Z" fill="#FFDD67"/>
-<path d="M11.775 8.6001H8.22495C7.37495 8.6001 7.12495 7.6001 7.39995 6.9751C6.72495 7.5001 6.92495 8.9751 7.92495 8.9751H11.5C11.9 8.9751 12.175 8.7501 12.325 8.4251C12.175 8.5251 12 8.6001 11.775 8.6001Z" fill="#EBA352"/>
-<path d="M11.875 11.1501H7.625C6.125 11.1501 6.125 8.9751 7.625 8.9751H11.9C13.375 8.9751 13.375 11.1501 11.875 11.1501Z" fill="#FFDD67"/>
-<path d="M12.225 10.7749H7.95004C6.95004 10.7749 6.62504 9.7749 6.97504 9.1499C6.17504 9.6749 6.40004 11.1499 7.62504 11.1499H11.9C12.375 11.1499 12.7 10.9249 12.875 10.5999C12.7 10.6999 12.475 10.7749 12.225 10.7749Z" fill="#EBA352"/>
-<path d="M11.475 13.3249H7.875C6.625 13.3249 6.625 11.1499 7.875 11.1499H11.475C12.75 11.1499 12.75 13.3249 11.475 13.3249Z" fill="#FFDD67"/>
-<path d="M11.775 12.95H8.15003C7.30003 12.95 7.02503 11.95 7.32503 11.3C6.65003 11.825 6.82503 13.3 7.87503 13.3H11.475C11.875 13.3 12.15 13.075 12.3 12.75C12.175 12.9 11.975 12.95 11.775 12.95Z" fill="#EBA352"/>
-<path d="M11.1 15.5H8.77495C7.42495 15.5 7.42495 13.325 8.77495 13.325H11.1C12.45 13.325 12.45 15.5 11.1 15.5Z" fill="#FFDD67"/>
-<path d="M11.4 15.15H9.07504C8.17504 15.15 7.87504 14.15 8.20004 13.5C7.47504 14.025 7.67504 15.5 8.77504 15.5H11.1C11.55 15.5 11.825 15.275 11.975 14.95C11.825 15.075 11.625 15.15 11.4 15.15Z" fill="#EBA352"/>
-</svg>
diff --git a/src/renderer/components/notification-comp.tsx b/src/renderer/components/notification-comp.tsx
index 10030d1f..cf6b44cc 100644
--- a/src/renderer/components/notification-comp.tsx
+++ b/src/renderer/components/notification-comp.tsx
@@ -177,7 +177,7 @@ export default class NotificationComp extends React.Component<{}, IState> {
                         <button
                             className={`rte-thumbsup-button ${themeClassName}`}
                             onClick={this.eventHandlers.onThumbsUp()}
-                        />
+                        >👍</button>
                         <button
                             className={`rte-send-button ${themeClassName}`}
                             onClick={this.eventHandlers.onReply(id)}
diff --git a/src/renderer/styles/notification-comp.less b/src/renderer/styles/notification-comp.less
index 7f6e3f63..b156b41c 100644
--- a/src/renderer/styles/notification-comp.less
+++ b/src/renderer/styles/notification-comp.less
@@ -250,10 +250,11 @@ input {
 
 .rte-thumbsup-button {
   width: 25px;
-  height: 25px;
+  height: 26px;
   align-self: center;
   padding: 3px;
-  background: url('../assets/notification-thumbsup.svg') no-repeat center;
+  background: none;
+  font-size: 14px;
   border: none;
   color: var(--text-color);
 }