Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-26 13:22:50 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fixed iconbutton color properties

Browse Source
This commit is contained in:
Sendou
2020-03-25 11:37:19 +02:00
parent e25af9eb1f
commit cecaccf95c
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend-react/src/components/elements/IconButton.tsx
View File

@@ -19,7 +19,14 @@ const IconButton: React.FC<IconButtonProps> = ({
onClick,
color,
}) => {
const { themeColor } = useContext(MyThemeContext)
const { themeColorWithShade } = useContext(MyThemeContext)
const getColor = () => {
if (color) return color
if (colored) return themeColorWithShade
return undefined
}
return (
<ChakraIconButton
aria-label=""
@@ -28,8 +35,7 @@ const IconButton: React.FC<IconButtonProps> = ({
variant="ghost"
onClick={onClick}
size="lg"
variantColor={colored ? themeColor : undefined}
color={color}
color={getColor()}
isDisabled={disabled}
/>
)