pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

changed theme button icon

Browse source
This commit is contained in:
Kim, Jimin 2021-05-16 08:59:14 +09:00
parent e4ae1f2a05
commit 3dbdc6f2b2
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
source/src/components/ThemeToggleButton.tsx
View file

@ -1,5 +1,5 @@
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faAdjust } from "@fortawesome/free-solid-svg-icons" import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons"
import styled, { ThemeConsumer } from "styled-components" import styled, { ThemeConsumer } from "styled-components"
import theme from "styled-theming" import theme from "styled-theming"
@ -36,7 +36,12 @@ function Navbar() {
) )
} }
> >
<FontAwesomeIcon icon={faAdjust} /> {_theme.mode == "dark" && (
<FontAwesomeIcon icon={faSun} />
)}
{_theme.mode == "light" && (
<FontAwesomeIcon icon={faMoon} />
)}
</StyledThemeButton> </StyledThemeButton>
<ReactTooltip id="theme" type="dark" effect="solid"> <ReactTooltip id="theme" type="dark" effect="solid">
<span>Change theme</span> <span>Change theme</span>