favorite categories/tags

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)

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>

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>

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

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;

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);
 }

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);
 }

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%;

assets/stylesheets/mobile/activity-calendar.scss

@@ -1,4 +1,4 @@
-.rewind-report-page.-activity-calendar {
+.-activity-calendar {
   .rewind-calendar {
     border-spacing: 1px;
   }