aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorFurkan Sahin <furkan-dev@proton.me>2022-06-03 14:45:00 -0500
committerFurkan Sahin <furkan-dev@proton.me>2022-06-03 14:45:00 -0500
commit24d29149373fd63b8f85257868832965c152cadb (patch)
treee9c91337eda62534cd4c438c5036b79bca0b06fe /src
parent4e4166a35600f7d5fee7476041bf841921de3042 (diff)
convert if/else to function for conciseness
Diffstat (limited to 'src')
-rw-r--r--src/components/DarkModeSwitch.svelte9
1 files changed, 3 insertions, 6 deletions
diff --git a/src/components/DarkModeSwitch.svelte b/src/components/DarkModeSwitch.svelte
index b119ad1..709b717 100644
--- a/src/components/DarkModeSwitch.svelte
+++ b/src/components/DarkModeSwitch.svelte
@@ -15,18 +15,15 @@
}
function isDarkMode() {
- return localStorage.theme == "dark";
+ if (localStorage.theme == "dark") return "";
+ return "checked"
}
</script>
<label class="swap swap-rotate">
<!-- this hidden checkbox controls the state -->
<!-- Make Moon/Sun icon based on current theme -->
- {#if isDarkMode()}
- <input type="checkbox" on:click={toggleDarkMode} />
- {:else}
- <input type="checkbox" checked="checked" on:click={toggleDarkMode} />
- {/if}
+ <input type="checkbox" checked={isDarkMode()} on:click={toggleDarkMode} />
<!-- sun icon -->
<svg