Fixes icon selected color
This commit is contained in:
parent
45137721d4
commit
1b0edb7c1e
|
@ -116,6 +116,7 @@ type CollectionLinkProps = {
|
|||
key={collection.id}
|
||||
to={collection.url}
|
||||
icon={<CollectionIcon expanded={expanded} color={collection.color} />}
|
||||
iconColor={collection.color}
|
||||
>
|
||||
<Flex justify="space-between">
|
||||
{collection.name}
|
||||
|
|
|
@ -43,8 +43,10 @@ const StyledNavLink = styled(NavLink)`
|
|||
}
|
||||
|
||||
&.active {
|
||||
${IconWrapper} & {
|
||||
svg {
|
||||
fill: ${activeStyle.color}
|
||||
fill: ${({ iconColor }) => (iconColor ? iconColor : activeStyle.color)}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
@ -58,6 +60,7 @@ type Props = {
|
|||
icon?: React$Element<*>,
|
||||
expand?: boolean,
|
||||
expandedContent?: React$Element<*>,
|
||||
iconColor?: string,
|
||||
};
|
||||
|
||||
@observer class SidebarLink extends Component {
|
||||
|
|
Reference in New Issue