From 3049646b65c0a3595d46f77a29353e68fda49b92 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Mon, 13 Jan 2025 14:40:07 +0100
Subject: [PATCH] favorite categories/tags

---
 .../discourse_rewind/rewind/action/favorite_tags.rb | 13 +++++++++++++
 .../components/reports/favorite-categories.gjs      |  5 ++++-
 .../discourse/components/reports/favorite-tags.gjs  |  7 +++++--
 assets/javascripts/discourse/components/rewind.gjs  |  1 +
 assets/stylesheets/common/activity-calendar.scss    |  2 +-
 assets/stylesheets/common/favorite-categories.scss  |  9 +++++++++
 assets/stylesheets/common/favorite-tags.scss        |  9 +++++++++
 assets/stylesheets/common/top-words.scss            |  2 +-
 assets/stylesheets/mobile/activity-calendar.scss    |  2 +-
 9 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/app/services/discourse_rewind/rewind/action/favorite_tags.rb b/app/services/discourse_rewind/rewind/action/favorite_tags.rb
index 30b5161..088bc2c 100644
--- a/app/services/discourse_rewind/rewind/action/favorite_tags.rb
+++ b/app/services/discourse_rewind/rewind/action/favorite_tags.rb
@@ -3,7 +3,20 @@
 # Topics visited grouped by tag
 module DiscourseRewind
   class Rewind::Action::FavoriteTags < Rewind::Action::BaseReport
+    FakeData = {
+      data: [
+        { tag_id: 1, name: "cats" },
+        { tag_id: 2, name: "dogs" },
+        { tag_id: 3, name: "countries" },
+        { tag_id: 4, name: "management" },
+        { tag_id: 5, name: "things" },
+      ],
+      identifier: "favorite-tags",
+    }
+
     def call
+      return FakeData if Rails.env.development?
+
       favorite_tags =
         TopicViewItem
           .joins(:topic)
diff --git a/assets/javascripts/discourse/components/reports/favorite-categories.gjs b/assets/javascripts/discourse/components/reports/favorite-categories.gjs
index b71b666..05e679c 100644
--- a/assets/javascripts/discourse/components/reports/favorite-categories.gjs
+++ b/assets/javascripts/discourse/components/reports/favorite-categories.gjs
@@ -11,7 +11,10 @@ const FavoriteCategories = <template>
       <div class="rewind-report-container">
         {{#each @report.data as |data|}}
           <div class="rewind-card">
-            <a href={{concat "/c/-/" data.category_id}}>{{data.name}}</a>
+            <a
+              class="favorite-categories__category"
+              href={{concat "/c/-/" data.category_id}}
+            >{{data.name}}</a>
           </div>
         {{/each}}
       </div>
diff --git a/assets/javascripts/discourse/components/reports/favorite-tags.gjs b/assets/javascripts/discourse/components/reports/favorite-tags.gjs
index 9b5f4d7..a185225 100644
--- a/assets/javascripts/discourse/components/reports/favorite-tags.gjs
+++ b/assets/javascripts/discourse/components/reports/favorite-tags.gjs
@@ -5,13 +5,16 @@ const FavoriteTags = <template>
   {{#if @report.data.length}}
     <div class="rewind-report-page -favorite-tags">
       <h2 class="rewind-report-title">{{i18n
-          "discourse_rewind.reports.favorite_categories.title"
+          "discourse_rewind.reports.favorite_tags.title"
           count=@report.data.length
         }}</h2>
       <div class="rewind-report-container">
         {{#each @report.data as |data|}}
           <div class="rewind-card">
-            <a href={{concat "/tag/-/" data.name}}>{{data.name}}</a>
+            <a
+              class="favorite-tags__tag"
+              href={{concat "/tag/-/" data.name}}
+            >#{{data.name}}</a>
           </div>
         {{/each}}
       </div>
diff --git a/assets/javascripts/discourse/components/rewind.gjs b/assets/javascripts/discourse/components/rewind.gjs
index 2546312..5a41bed 100644
--- a/assets/javascripts/discourse/components/rewind.gjs
+++ b/assets/javascripts/discourse/components/rewind.gjs
@@ -26,6 +26,7 @@ export default class Rewind extends Component {
   @tracked rewind = [];
 
   @tracked fullScreen = true;
+
   @tracked loadingRewind = false;
 
   @action
diff --git a/assets/stylesheets/common/activity-calendar.scss b/assets/stylesheets/common/activity-calendar.scss
index 53141da..fa98e6d 100644
--- a/assets/stylesheets/common/activity-calendar.scss
+++ b/assets/stylesheets/common/activity-calendar.scss
@@ -1,4 +1,4 @@
-.rewind-report-page.-activity-calendar {
+.-activity-calendar {
   margin-bottom: 5em;
   .rewind-card {
     @include rewind-border;
diff --git a/assets/stylesheets/common/favorite-categories.scss b/assets/stylesheets/common/favorite-categories.scss
index 742c59b..c292e4b 100644
--- a/assets/stylesheets/common/favorite-categories.scss
+++ b/assets/stylesheets/common/favorite-categories.scss
@@ -1,2 +1,11 @@
 .-favorite-categories {
+  .rewind-report-container {
+    display: flex;
+    gap: 0.5em;
+    flex-wrap: wrap;
+  }
+}
+
+.favorite-categories__category {
+  font-family: var(--pixel-text);
 }
diff --git a/assets/stylesheets/common/favorite-tags.scss b/assets/stylesheets/common/favorite-tags.scss
index ba55aa2..5b432f6 100644
--- a/assets/stylesheets/common/favorite-tags.scss
+++ b/assets/stylesheets/common/favorite-tags.scss
@@ -1,2 +1,11 @@
 .-favorite-tags {
+  .rewind-report-container {
+    display: flex;
+    gap: 0.5em;
+    flex-wrap: wrap;
+  }
+}
+
+.favorite-tags__tag {
+  font-family: var(--pixel-text);
 }
diff --git a/assets/stylesheets/common/top-words.scss b/assets/stylesheets/common/top-words.scss
index 073b2cd..464edec 100644
--- a/assets/stylesheets/common/top-words.scss
+++ b/assets/stylesheets/common/top-words.scss
@@ -1,4 +1,4 @@
-.rewind-report-page.-top-words .rewind-report-container {
+.-top-words .rewind-report-container {
   border: none;
   background-color: transparent;
   width: 100%;
diff --git a/assets/stylesheets/mobile/activity-calendar.scss b/assets/stylesheets/mobile/activity-calendar.scss
index 193e065..455edf4 100644
--- a/assets/stylesheets/mobile/activity-calendar.scss
+++ b/assets/stylesheets/mobile/activity-calendar.scss
@@ -1,4 +1,4 @@
-.rewind-report-page.-activity-calendar {
+.-activity-calendar {
   .rewind-calendar {
     border-spacing: 1px;
   }