From e754ef0d8f849379c0a9972537707a984eb31c56 Mon Sep 17 00:00:00 2001 From: KKlochko Date: Tue, 3 Jun 2025 10:48:59 +0300 Subject: [PATCH] Update the DarkModeSwitcher component to change the icon order. --- assets/vendor/dark_mode.js | 4 ++-- .../components/my_components/dark_mode_switcher.ex | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/vendor/dark_mode.js b/assets/vendor/dark_mode.js index 8f59009..2d95a42 100644 --- a/assets/vendor/dark_mode.js +++ b/assets/vendor/dark_mode.js @@ -11,8 +11,8 @@ const setupThemeToggle = () => { const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon'); const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); if (themeToggleDarkIcon == null || themeToggleLightIcon == null) return; - const show = dark ? themeToggleDarkIcon : themeToggleLightIcon - const hide = dark ? themeToggleLightIcon : themeToggleDarkIcon + const show = dark ? themeToggleLightIcon : themeToggleDarkIcon; + const hide = dark ? themeToggleDarkIcon : themeToggleLightIcon; show.classList.remove('hidden', 'text-transparent'); hide.classList.add('hidden', 'text-transparent'); if (dark) { diff --git a/lib/decentralised_book_index_web/components/my_components/dark_mode_switcher.ex b/lib/decentralised_book_index_web/components/my_components/dark_mode_switcher.ex index 1488599..7c699c2 100644 --- a/lib/decentralised_book_index_web/components/my_components/dark_mode_switcher.ex +++ b/lib/decentralised_book_index_web/components/my_components/dark_mode_switcher.ex @@ -45,8 +45,8 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.DarkModeSwitcher do const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); if (themeToggleDarkIcon != null && themeToggleLightIcon != null) { let dark = document.documentElement.classList.contains('dark'); - const show = dark ? themeToggleDarkIcon : themeToggleLightIcon - const hide = dark ? themeToggleLightIcon : themeToggleDarkIcon + const show = dark ? themeToggleLightIcon : themeToggleDarkIcon; + const hide = dark ? themeToggleDarkIcon : themeToggleLightIcon; show.classList.remove('hidden', 'text-transparent'); hide.classList.add('hidden', 'text-transparent'); }