badge and group links in reward admin UI

Author: elmuerte

admin/assets/javascripts/admin/templates/admin-plugins/show/discourse-kofi-rewards/index.gjs

@@ -1,9 +1,12 @@
 import { fn } from "@ember/helper";
+import { LinkTo } from "@ember/routing";
 import RouteTemplate from "ember-route-template";
 import { not } from "truth-helpers";
+import BadgeButton from "discourse/components/badge-button";
 import DButton from "discourse/components/d-button";
 import DPageSubheader from "discourse/components/d-page-subheader";
 import DropdownMenu from "discourse/components/dropdown-menu";
+import GroupLink from "discourse/components/group-link";
 import icon from "discourse/helpers/d-icon";
 import { i18n } from "discourse-i18n";
 import DMenu from "float-kit/components/d-menu";
@@ -63,8 +66,22 @@ export default RouteTemplate(
                   </td>
                   <td class="d-admin-row__detail">{{reward.amount}}</td>
                   <td class="d-admin-row__detail">{{reward.payment_types}}</td>
-                  <td class="d-admin-row__detail">{{reward.badge.name}}</td>
-                  <td class="d-admin-row__detail">{{reward.group.name}}</td>
+                  <td class="d-admin-row__detail">
+                    {{#if reward.badge}}
+                      <LinkTo
+                        @route="adminBadges.show"
+                        @model={{reward.badge.id}}
+                      >
+                        <BadgeButton @badge={{reward.badge}} />
+                      </LinkTo>
+                    {{/if}}</td>
+                  <td class="d-admin-row__detail">
+                    {{#if reward.group}}
+                      <GroupLink
+                        @group={{reward.group}}
+                      >{{reward.group.name}}</GroupLink>
+                    {{/if}}
+                  </td>
                   <td class="d-admin-row__controls">
                     <DButton
                       @icon="pencil"
@@ -156,9 +173,9 @@ export default RouteTemplate(
                   <td
                     class="d-admin-row__detail"
                   >{{subscription.tier_name}}</td>
-                  <td
-                    class="d-admin-row__detail"
-                  >{{subscription.group.name}}</td>
+                  <td class="d-admin-row__detail"><GroupLink
+                      @group={{subscription.group}}
+                    >{{subscription.group.name}}</GroupLink></td>
                   <td class="d-admin-row__controls">
                     <DButton
                       @icon="pencil"

app/serializers/discourse_kofi/admin_payment_serializer.rb

@@ -1,7 +1,5 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   class AdminPaymentSerializer < UserPaymentSerializer
     attributes :is_first_subscription_payment, :message_id, :url, :anonymized

app/serializers/discourse_kofi/base_reward_serializer.rb

@@ -1,13 +1,11 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   class BaseRewardSerializer < ApplicationSerializer
     root "reward"
 
     attributes :id, :enabled, :subscription
 
-    has_one :group, serializer: IdNameSerializer, embed: :objects
+    has_one :group, serializer: BasicGroupSerializer, embed: :objects
   end
 end

app/serializers/discourse_kofi/basic_badge_serializer.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module ::DiscourseKofi
+  class BasicBadgeSerializer < ApplicationSerializer
+    attributes :id, :name, :enabled, :icon, :image, :badgeTypeClassName
+
+    def name
+      object.display_name
+    end
+
+    def image
+      object.image_url
+    end
+
+    def badgeTypeClassName
+      "badge-type-" + object.badge_type.name.downcase
+    end
+  end
+end

app/serializers/discourse_kofi/basic_group_serializer.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module ::DiscourseKofi
+  class BasicGroupSerializer < ApplicationSerializer
+    attributes :id, :name, :url
+
+    def name
+      object.full_name || object.name
+    end
+
+    def url
+      object.full_url
+    end
+  end
+end

app/serializers/discourse_kofi/id_name_serializer.rb

@@ -1,7 +1,5 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   class PaymentSerializer < ApplicationSerializer
     root "payment"

app/serializers/discourse_kofi/payment_serializer.rb

@@ -1,12 +1,10 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   class RewardSerializer < BaseRewardSerializer
     attributes :payment_types, :amount
 
-    has_one :badge, serializer: IdNameSerializer, embed: :objects
+    has_one :badge, serializer: BasicBadgeSerializer, embed: :objects
 
     def initialize(object, options = {})
       if object.subscription

app/serializers/discourse_kofi/reward_serializer.rb

@@ -1,7 +1,5 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   class SubscriptionRewardSerializer < BaseRewardSerializer
     attributes :tier_name

app/serializers/discourse_kofi/subscription_reward_serializer.rb

@@ -1,7 +1,5 @@
 # frozen_string_literal: true
 
-require "active_support/json"
-
 module ::DiscourseKofi
   # User's view on payments
   class UserPaymentSerializer < PaymentSerializer