diff options
| author |  Julius Marminge <julius0216@outlook.com>
| 2022-08-29 18:00:08 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-29 12:00:08 -0400 |
| commit | feb88afb8c784e0db65be96073a1b0064e36128c (patch) | |
| tree | 5addfda086b0a315ae92b684fe065fea8c7970c7 /examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx | |
| parent | 046bfd908de8bbfe9d24d1531260f1e6df03e912 (diff) | |
| download | astro-feb88afb8c784e0db65be96073a1b0064e36128c.tar.gz astro-feb88afb8c784e0db65be96073a1b0064e36128c.tar.zst astro-feb88afb8c784e0db65be96073a1b0064e36128c.zip | |
fix: improve docs example (#4355)
* fix: improve docs example
* final touches
* chore: prettier
* lockfile
* ci?
* downgrade types node
* fresh lockfile
* lockfile and npmrc
* remove debug log
* Merge branch 'main' into docs-template-ts
* merging lockfiles suck
* update lockfile
* satisfy linter
Diffstat (limited to 'examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx')
| -rw-r--r-- | examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx b/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx index a3f31288d..b9682aa00 100644 --- a/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx +++ b/examples/docs/src/components/RightSidebar/ThemeToggleButton.tsx @@ -1,5 +1,4 @@ import type { FunctionalComponent } from 'preact'; -import { h, Fragment } from 'preact'; import { useState, useEffect } from 'preact/hooks'; import './ThemeToggleButton.css'; @@ -35,7 +34,7 @@ const ThemeToggle: FunctionalComponent = () => { if (import.meta.env.SSR) { return undefined; } - if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) { + if (typeof localStorage !== undefined && localStorage.getItem('theme')) { return localStorage.getItem('theme'); } if (window.matchMedia('(prefers-color-scheme: dark)').matches) { @@ -54,7 +53,7 @@ const ThemeToggle: FunctionalComponent = () => { }, [theme]); return ( - <div class="theme-toggle"> + <div className="theme-toggle"> {themes.map((t, i) => { const icon = icons[i]; const checked = t === theme; |