Foster Hangdaan
d88fc05545
The new link color is now green. The navbar icons should also use the same color.
34 lines
964 B
TypeScript
34 lines
964 B
TypeScript
export default function({ nav }) {
|
|
const defaultIcon = "https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/question-mark.svg";
|
|
|
|
const iconStyle = {
|
|
filter: "var(--filter-green)",
|
|
};
|
|
|
|
return (
|
|
<nav className="navbar">
|
|
<ul className="navbar-list">
|
|
<li className="navbar-list-item home">
|
|
<a href="/">
|
|
<img
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/home.svg"
|
|
className="icon"
|
|
style={iconStyle}
|
|
/>
|
|
</a>
|
|
</li>
|
|
{nav.menu().children.map(navItem => (
|
|
<li className="navbar-list-item">
|
|
<a href={`/${navItem.slug}`} title={navItem.data.title}>
|
|
<img
|
|
src={navItem.data.nav_icon || defaultIcon}
|
|
className="icon"
|
|
style={iconStyle}
|
|
/>
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</nav>
|
|
);
|
|
}
|