more reports and fake data

assets/javascripts/discourse/components/reports/best-topics copy.gjs

@@ -24,7 +24,6 @@ export default class BestTopics extends Component {
     <div class="rewind-report-page -best-topics">
       <h2 class="rewind-report-title">Your 3 best topics</h2>
       <div class="rewind-report-container">
-        {{log @report.data}}
         <div class="rewind-card">
           {{#each @report.data as |topic idx|}}
             <a

assets/javascripts/discourse/components/reports/best-topics.gjs

@@ -24,7 +24,6 @@ export default class BestTopics extends Component {
     <div class="rewind-report-page -best-topics">
       <h2 class="rewind-report-title">Your 3 best topics</h2>
       <div class="rewind-report-container">
-        {{log @report.data}}
         <div class="rewind-card">
           {{#each @report.data as |topic idx|}}
             <a

assets/javascripts/discourse/components/reports/fbff.gjs

@@ -1,13 +1,25 @@
 import Component from "@glimmer/component";
+import { hash } from "@ember/helper";
+import avatar from "discourse/helpers/bound-avatar-template";
 
 export default class FBFF extends Component {
   <template>
-    <div class="rewind-report-page">
-      FBFF
-    </div>
-
-    <div class="rewind-report-page">
-      page 2
+    <div class="rewind-report-page -fbff">
+      <h2 class="rewind-report-title">Your FBFF (Forum Best Friend Forever)</h2>
+      <div class="rewind-report-container">
+        <div class="rewind-card">
+          {{avatar
+            @report.data.fbff.avatar_template
+            "tiny"
+            (hash [email protected])
+          }}
+          {{avatar
+            @report.data.yourself.avatar_template
+            "tiny"
+            (hash [email protected])
+          }}
+        </div>
+      </div>
     </div>
   </template>
 }

assets/javascripts/discourse/components/reports/reactions.gjs

@@ -30,12 +30,15 @@ export default class Reactions extends Component {
     return htmlSafe(`width: ${this.computePercentage(count)}`);
   }
 
+  get receivedReactions() {
+    return this.args.report.data.post_received_reactions ?? {};
+  }
+
   <template>
-    {{log @report}}
     <div class="rewind-report-page -post-received-reactions">
       <h2 class="rewind-report-title">Most received reactions in topics</h2>
       <div class="rewind-report-container">
-        {{#each-in @report.data.post_received_reactions as |emojiName count|}}
+        {{#each-in this.receivedReactions as |emojiName count|}}
           <div
             class="rewind-card scale"
             style="--rand: {{this.randomModifier}}"

assets/javascripts/discourse/components/rewind.gjs

@@ -3,7 +3,6 @@ import { tracked } from "@glimmer/tracking";
 import { on } from "@ember/modifier";
 import { action } from "@ember/object";
 import didInsert from "@ember/render-modifiers/modifiers/did-insert";
-import { schedule } from "@ember/runloop";
 import { service } from "@ember/service";
 import { eq } from "truth-helpers";
 import DButton from "discourse/components/d-button";
@@ -85,7 +84,6 @@ export default class Rewind extends Component {
       {{didInsert this.registerRewindContainer}}
       tabindex="0"
     >
-
       <div class="rewind">
         <div class="background-1 parallax-bg"></div>
         {{! <canvas class="background-2 parallax-bg"></canvas> }}
@@ -112,7 +110,9 @@ export default class Rewind extends Component {
 
             {{#each this.rewind as |report|}}
               <div class={{concatClass "rewind-report" report.identifier}}>
-                {{#if (eq report.identifier "reactions")}}
+                {{#if (eq report.identifier "fbff")}}
+                  <FBFF @report={{report}} />
+                {{else if (eq report.identifier "reactions")}}
                   <Reactions @report={{report}} />
                 {{else if (eq report.identifier "word-cloud")}}
                   <WordCards @report={{report}} />
@@ -129,23 +129,6 @@ export default class Rewind extends Component {
                 {{else if (eq report.identifier "favorite-categories")}}
                   <FavoriteCategories @report={{report}} />
                 {{/if}}
-                {{!-- {{else if (eq report.identifier "fbff")}}
-                  <FBFF @report={{report}} />
-                {{else if (eq report.identifier "word-cloud")}}
-                  <WordCloud @report={{report}} />
-                {{else if (eq report.identifier "activity-calendar")}}
-                  <ActivityCalendar @report={{report}} />
-                {{else if (eq report.identifier "best-posts")}}
-                  <BestPosts @report={{report}} />
-                {{else if (eq report.identifier "best-topics")}}
-                  <BestTopics @report={{report}} />
-                {{else if (eq report.identifier "favorite-tags")}}
-                  <FavoriteTags @report={{report}} />
-                {{else if (eq report.identifier "favorite-categories")}}
-                  <FavoriteCategories @report={{report}} />
-                {{else if (eq report.identifier "reading-time")}}
-                  <ReadingTime @report={{report}} />
-                {{/if}} --}}
               </div>
             {{/each}}
           </div>