From 8586610ee5cae784f590cd52fbc87d6a6e59e45f Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Mon, 13 Jan 2025 18:08:42 +0100
Subject: [PATCH 1/2] rewind border for categories

---
 assets/stylesheets/common/favorite-categories.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/stylesheets/common/favorite-categories.scss b/assets/stylesheets/common/favorite-categories.scss
index c292e4b..bed596b 100644
--- a/assets/stylesheets/common/favorite-categories.scss
+++ b/assets/stylesheets/common/favorite-categories.scss
@@ -4,6 +4,10 @@
     gap: 0.5em;
     flex-wrap: wrap;
   }
+
+  .rewind-card {
+    @include rewind-border;
+  }
 }
 
 .favorite-categories__category {

From f88ab324341edf45fb7ad9c5f614ff94b8579420 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Mon, 13 Jan 2025 18:13:24 +0100
Subject: [PATCH 2/2] linting

---
 .../components/reports/top-words/word-card.gjs      | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/javascripts/discourse/components/reports/top-words/word-card.gjs b/assets/javascripts/discourse/components/reports/top-words/word-card.gjs
index 4113364..22f9d4f 100644
--- a/assets/javascripts/discourse/components/reports/top-words/word-card.gjs
+++ b/assets/javascripts/discourse/components/reports/top-words/word-card.gjs
@@ -1,8 +1,8 @@
 import Component from "@glimmer/component";
-import { concat, fn } from "@ember/helper";
 import { on } from "@ember/modifier";
 import { action } from "@ember/object";
 import didInsert from "@ember/render-modifiers/modifiers/did-insert";
+import { htmlSafe } from "@ember/template";
 import emoji from "discourse/helpers/emoji";
 import discourseLater from "discourse-common/lib/later";
 
@@ -45,6 +45,10 @@ export default class WordCard extends Component {
     };
   }
 
+  get cardStyle() {
+    return htmlSafe(`${this.randomStyle}; ${this.mysteryData.color};`);
+  }
+
   @action
   registerCardContainer(element) {
     this.cardContainer = element;
@@ -66,11 +70,12 @@ export default class WordCard extends Component {
 
   <template>
     <div
-      {{on "click" (fn this.handleClick)}}
-      {{on "mouseleave" (fn this.handleLeave)}}
+      {{on "click" this.handleClick}}
+      {{on "mouseleave" this.handleLeave}}
       class="rewind-card__wrapper"
-      style={{concat this.randomStyle "; " this.mysteryData.color ";"}}
+      style={{this.cardStyle}}
       {{didInsert this.registerCardContainer}}
+      role="button"
     >
       <div class="rewind-card__inner">
         <div class="rewind-card -front">