yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2025-03-20 06:47:28 +09:00
Code Releases Activity

Change the icon of ThemeChanger

Browse Source
This commit is contained in:
yude 2021-06-22 12:08:26 +09:00
parent 1bd8eab491
commit 81b9b82028
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pages/components/ThemeSelector.js
View File

@ -1,14 +1,13 @@
import Head from "next/head"
import Link from "next/link"
import "tailwindcss/tailwind.css"; import "tailwindcss/tailwind.css";
import useTranslation from 'next-translate/useTranslation' import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import { faMoon, faSun } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
const Layout = (props) => { const ThemeSelector = (props) => {
const { title, children } = props const { title, children } = props
const siteTitle = "yude.jp"
const router = useRouter() const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router const { locale, locales, defaultLocale, pathname } = router
@ -25,11 +24,11 @@ const Layout = (props) => {
return ( return (
<button className="my-4 text-2xl" onClick={switchTheme}> <button className="my-4 text-2xl" onClick={switchTheme}>
{theme === 'light' ? ( {theme === 'light' ? (
<span>🌙</span> <FontAwesomeIcon icon={faMoon} className="w-10 h-8" />
) : ( ) : (
<span>🌄</span> <FontAwesomeIcon icon={faSun} className="w-10 h-8" />
)} )}
</button> </button>
) )
} }
export default Layout export default ThemeSelector