From 86a6fa909072bdd1ac89904e7a79539550eb2266 Mon Sep 17 00:00:00 2001
From: lowlighter <22963968+lowlighter@users.noreply.github.com>
Date: Wed, 10 Mar 2021 02:33:41 +0100
Subject: [PATCH] Fix display for reactions plugin

---
 source/plugins/reactions/index.mjs             |  2 +-
 .../templates/classic/partials/reactions.ejs   | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/source/plugins/reactions/index.mjs b/source/plugins/reactions/index.mjs
index e2b46d80..9fc0894a 100644
--- a/source/plugins/reactions/index.mjs
+++ b/source/plugins/reactions/index.mjs
@@ -45,7 +45,7 @@
             list[key] = {value, score:value/(display === "relative" ? max : reactions.length)}
 
         //Results
-          return {list, comments:comments.length, details, days}
+          return {list, comments:comments.length, details, days, twemoji:q["config.twemoji"]}
       }
     //Handle errors
       catch (error) {
diff --git a/source/templates/classic/partials/reactions.ejs b/source/templates/classic/partials/reactions.ejs
index 33085bb4..b2f2157c 100644
--- a/source/templates/classic/partials/reactions.ejs
+++ b/source/templates/classic/partials/reactions.ejs
@@ -13,12 +13,14 @@
           </div>
         <% } else { %>
           <div class="row fill-width">
-            <style>
-              .gauge.info .twemoji {
-                transform: scale(0.5);
-                transform-origin: center;
-              }
-            </style>
+            <% if (plugins.reactions.twemoji) { %>
+              <style>
+                .gauge.info .twemoji {
+                  transform: scale(0.5);
+                  transform-origin: center;
+                }
+              </style>
+            <% } %>
             <section class="categories">
               <% for (const [reaction, icon] of Object.entries({HEART:"❤️", THUMBS_UP:"👍", THUMBS_DOWN:"👎", LAUGH:"😄", CONFUSED:"😕", EYES:"👀", ROCKET:"🚀", HOORAY:"🎉"})) { const {score = 0, value:count = 0} = plugins.reactions.list[reaction] ?? {} %>
                 <div class="categorie column">
@@ -26,13 +28,13 @@
                     <circle class="gauge-base" r="53" cx="60" cy="60"></circle>
                     <% if (score > 0) { %>
                       <circle class="gauge-arc" transform="rotate(-90 60 60)" r="53" cx="60" cy="60" stroke-dasharray="<%= score * 329 %> 329"></circle>
-                      <% if (true) { %>
+                      <% if (plugins.reactions.twemoji) { %>
                         <%= icon %>
                       <% } else { %>
                         <text x="60" y="60" dominant-baseline="central"><%= icon %></text>
                       <% } %>
                     <% } else { %>
-                      <% if (true) { %>
+                      <% if (plugins.reactions.twemoji) { %>
                         <%= icon %>
                       <% } else { %>
                         <text x="60" y="60" dominant-baseline="central"><%= icon %></text>