jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-16 15:55:31 -04:00
Code Issues Activity

remove global .icon style

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-30 09:00:59 -05:00
parent 6fbe9ae66b
commit 2a29d713bb
17 changed files with 79 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ThemeToggle/ThemeToggle.module.css
View File

@@ -12,3 +12,9 @@
.button:hover {
color: var(--warning);
}
.icon {
width: 1.2em;
height: 1.2em;
vertical-align: -0.2em;
}

9
components/ThemeToggle/ThemeToggle.tsx
View File

@@ -1,6 +1,5 @@
import { useEffect, useState, memo } from "react";
import { useTheme } from "next-themes";
import classNames from "classnames";
import { SunIcon, MoonIcon } from "../Icons";
import styles from "./ThemeToggle.module.css";
@@ -18,7 +17,7 @@ const ThemeToggle = ({ className }: Props) => {
if (!mounted) {
return (
<button className={styles.button} aria-hidden={true}>
<SunIcon className={classNames("icon", className)} />
<SunIcon className={className} />
</button>
);
}
@@ -29,11 +28,7 @@ const ThemeToggle = ({ className }: Props) => {
onClick={() => setTheme(resolvedTheme === "light" ? "dark" : "light")}
title={resolvedTheme === "light" ? "Toggle Dark Mode" : "Toggle Light Mode"}
>
{resolvedTheme === "light" ? (
<SunIcon className={classNames("icon", className)} />
) : (
<MoonIcon className={classNames("icon", className)} />
)}
{resolvedTheme === "light" ? <SunIcon className={className} /> : <MoonIcon className={className} />}
</button>
);
};