DEV: update component to be compatible with the Glimmer header

discourse · May 22, 2024 · b3cfd12 · b3cfd12
1 parent 234579c
commit b3cfd12
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 19 deletions.
diff --git a/...urse/initializers/color-scheme-toggler.js → ...rse/initializers/color-scheme-toggler.gjs b/...urse/initializers/color-scheme-toggler.js → ...rse/initializers/color-scheme-toggler.gjs
@@ -3,6 +3,7 @@ import { loadColorSchemeStylesheet } from "discourse/lib/color-scheme-picker";
 import { withPluginApi } from "discourse/lib/plugin-api";
 import { currentThemeId } from "discourse/lib/theme-selector";
 import Session from "discourse/models/session";
+import ColorSchemeToggler from "../components/color-scheme-toggler";
 import {
   COLOR_SCHEME_OVERRIDE_KEY,
   colorSchemeOverride,
@@ -68,8 +69,18 @@ export default {
       });
 
     if (settings.add_color_scheme_toggle_to_header) {
-      withPluginApi("0.8", (api) => {
-        api.addToHeaderIcons("header-toggle-button");
+      withPluginApi("1.28.0", (api) => {
+        api.headerIcons.add(
+          "header-toggle-button",
+          <template>
+            <li class="header-toggle-button header-dropdown-toggle">
+              <span class="header-color-scheme-toggle icon">
+                <ColorSchemeToggler />
+              </span>
+            </li>
+          </template>,
+          { before: "search" }
+        );
       });
     }
   },

diff --git a/javascripts/discourse/widgets/header-toggle-button.js b/javascripts/discourse/widgets/header-toggle-button.js