From 5e2fce3fde4937c9d982da56926f6691ace374dd Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Fri, 3 Jan 2025 10:49:43 -0600
Subject: [PATCH] class names

---
 .../components/reports/reactions.gjs          | 10 +++++--
 .../components/reports/word-cloud.gjs         |  5 ++--
 assets/stylesheets/common/blobs.scss          | 28 -------------------
 assets/stylesheets/common/index.scss          |  2 +-
 assets/stylesheets/common/word-cloud.scss     |  5 ++++
 5 files changed, 16 insertions(+), 34 deletions(-)
 delete mode 100644 assets/stylesheets/common/blobs.scss
 create mode 100644 assets/stylesheets/common/word-cloud.scss

diff --git a/assets/javascripts/discourse/components/reports/reactions.gjs b/assets/javascripts/discourse/components/reports/reactions.gjs
index f5f3951..222220c 100644
--- a/assets/javascripts/discourse/components/reports/reactions.gjs
+++ b/assets/javascripts/discourse/components/reports/reactions.gjs
@@ -32,9 +32,13 @@ export default class Reactions extends Component {
       <div class="rewind-report-container">
         {{#each-in @report.data.post_received_reactions as |emojiName count|}}
           <div class="rewind-card scale">
-            <span>{{replaceEmoji (concat ":" emojiName ":")}}</span>
-            <span>{{this.cleanEmoji emojiName}}</span>
-            <span>{{count}} times</span>
+            <span class="rewind-card__emoji">{{replaceEmoji
+                (concat ":" emojiName ":")
+              }}</span>
+            <span class="rewind-card__title">{{this.cleanEmoji
+                emojiName
+              }}</span>
+            <span class="rewind-card__data">{{count}} times</span>
           </div>
         {{/each-in}}
       </div>
diff --git a/assets/javascripts/discourse/components/reports/word-cloud.gjs b/assets/javascripts/discourse/components/reports/word-cloud.gjs
index 3e1063e..b142598 100644
--- a/assets/javascripts/discourse/components/reports/word-cloud.gjs
+++ b/assets/javascripts/discourse/components/reports/word-cloud.gjs
@@ -1,5 +1,6 @@
 import Component from "@glimmer/component";
 
+// eslint-disable-next-line ember/no-empty-glimmer-component-classes
 export default class WordCloud extends Component {
   <template>
     <div class="rewind-report-page -word-cloud">
@@ -7,8 +8,8 @@ export default class WordCloud extends Component {
       <div class="rewind-report-container">
         {{#each-in @report.data as |word count|}}
           <div class="rewind-card">
-            <span>{{word}}</span>
-            <span>{{count}} times</span>
+            <span class="rewind-card__title">{{word}}</span>
+            <span class="rewind-card__data">{{count}} times</span>
           </div>
         {{/each-in}}
       </div>
diff --git a/assets/stylesheets/common/blobs.scss b/assets/stylesheets/common/blobs.scss
deleted file mode 100644
index f3f57e7..0000000
--- a/assets/stylesheets/common/blobs.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.blob_1 {
-  position: absolute;
-  top: 5px;
-  left: -50px;
-  width: 200px;
-}
-
-.blob_2 {
-  position: absolute;
-  top: 200px;
-  right: -50px;
-  width: 200px;
-  rotate: 180deg;
-}
-
-.blob_3 {
-  position: absolute;
-  top: 500px;
-  left: 500px;
-  width: 200px;
-}
-
-.blob_4 {
-  position: absolute;
-  top: 805px;
-  left: -50px;
-  width: 200px;
-}
diff --git a/assets/stylesheets/common/index.scss b/assets/stylesheets/common/index.scss
index e917869..4c13e68 100644
--- a/assets/stylesheets/common/index.scss
+++ b/assets/stylesheets/common/index.scss
@@ -6,4 +6,4 @@
 @import "activity-calendar";
 @import "best-posts";
 @import "best-topics";
-@import "blobs";
+@import "word-cloud";
diff --git a/assets/stylesheets/common/word-cloud.scss b/assets/stylesheets/common/word-cloud.scss
new file mode 100644
index 0000000..878dffb
--- /dev/null
+++ b/assets/stylesheets/common/word-cloud.scss
@@ -0,0 +1,5 @@
+.rewind-report-page.-word-cloud {
+  .rewind-report-container {
+    gap: 1em;
+  }
+}