2016-02-16 15:08:30 +09:00
|
|
|
const Header = props => {
|
|
|
|
|
2016-02-17 11:28:00 +09:00
|
|
|
({Logo, ListContainer, CategoriesList} = Telescope.components);
|
2016-02-16 15:08:30 +09:00
|
|
|
|
|
|
|
const logoUrl = Telescope.settings.get("logoUrl");
|
|
|
|
const siteTitle = Telescope.settings.get("title", "Telescope");
|
|
|
|
const tagline = Telescope.settings.get("tagline");
|
|
|
|
|
|
|
|
return (
|
|
|
|
<header className="header">
|
|
|
|
<div className="logo">
|
|
|
|
<Logo logoUrl={logoUrl} siteTitle={siteTitle} />
|
|
|
|
{tagline ? <h2 className="tagline">{tagline}</h2> : "" }
|
|
|
|
</div>
|
|
|
|
<div className="nav">
|
2016-02-17 11:28:00 +09:00
|
|
|
<ListContainer collection={Categories} publication="categories" component={CategoriesList} limit={0}/>
|
2016-02-16 15:08:30 +09:00
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = Header;
|