From 4ae24c6edc9b5c3633a5c3f97f566c9f10abdddc Mon Sep 17 00:00:00 2001
From: Alan Guo Xiang Tan <gxtan1990@gmail.com>
Date: Wed, 4 Oct 2023 16:02:30 +0800
Subject: [PATCH] DEV: Convert connector file to use glimmer component (#59)

Why this change?

We've established internally that this is the better way to do things
---
 .../after-topic-progress/d-toc-mini.hbs          |  8 ++++----
 .../after-topic-progress/d-toc-mini.js           | 16 +++++++++-------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.hbs b/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.hbs
index d88fd52..0e0135c 100644
--- a/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.hbs
+++ b/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.hbs
@@ -1,5 +1,5 @@
-{{d-button
+<DButton
   class="btn-primary"
-  action=(action "showTOCOverlay")
-  label=(theme-prefix "table_of_contents")
-}}
\ No newline at end of file
+  @action={{this.showTOCOverlay}}
+  @label={{theme-prefix "table_of_contents"}}
+/>
\ No newline at end of file
diff --git a/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.js b/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.js
index c413a9d..41476f0 100644
--- a/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.js
+++ b/javascripts/discourse/connectors/after-topic-progress/d-toc-mini.js
@@ -1,7 +1,9 @@
-export default {
-  actions: {
-    showTOCOverlay() {
-      document.querySelector(".d-toc-wrapper").classList.toggle("overlay");
-    },
-  },
-};
+import Component from "@glimmer/component";
+import { action } from "@ember/object";
+
+export default class DTocMini extends Component {
+  @action
+  showTOCOverlay() {
+    document.querySelector(".d-toc-wrapper").classList.toggle("overlay");
+  }
+}