feat(header): correctly gray out disabled menu links

This commit is contained in:
Jean-Philippe Sirois
2019-08-23 17:12:59 -04:00
parent 67bb1c2cdd
commit ec07c9a31d
2 changed files with 9 additions and 3 deletions
+5 -1
View File
@@ -9,7 +9,11 @@ interface IHeaderProps {
function MenuItem({ children, to }: PropsWithChildren<{ to: string }>) {
return (
<SC.MenuItem to={to} activeClassName="active">
<SC.MenuItem
to={to}
activeClassName="active"
className={to === "/" ? "disabled" : ""}
>
<SC.MenuItemText>{children}</SC.MenuItemText>
<SC.MenuItemLine />
</SC.MenuItem>