mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-05 20:56:13 -05:00
fd48bced91
* Initial * CSS lint * Test CI * Add 1v1, 2v2, and 3v3 Tags (#1771) * Initial * CSS lint * Test CI * Rename step --------- Co-authored-by: xi <104683822+ximk@users.noreply.github.com>
29 lines
683 B
TypeScript
29 lines
683 B
TypeScript
import { useTranslation } from "react-i18next";
|
|
import { Theme, useTheme } from "~/features/theme/core/provider";
|
|
import { MoonIcon } from "../icons/Moon";
|
|
import { SunIcon } from "../icons/Sun";
|
|
import { SunAndMoonIcon } from "../icons/SunAndMoon";
|
|
|
|
const ThemeIcons = {
|
|
[Theme.LIGHT]: SunIcon,
|
|
[Theme.DARK]: MoonIcon,
|
|
auto: SunAndMoonIcon,
|
|
};
|
|
|
|
export function SelectedThemeIcon({ size }: { size?: number }) {
|
|
const { t } = useTranslation();
|
|
const { userTheme } = useTheme();
|
|
|
|
if (!userTheme) return null;
|
|
|
|
const SelectedIcon = ThemeIcons[userTheme];
|
|
|
|
return (
|
|
<SelectedIcon
|
|
alt={t("header.theme")}
|
|
className="layout__header__button__icon"
|
|
size={size}
|
|
/>
|
|
);
|
|
}
|