/* global React, Wordmark, useTweaks, BlogList, BlogPost */
const { useState, useEffect } = React;
function BlogNav() {
return (
);
}
function BlogFooter() {
return (
);
}
function BlogRouter() {
const [view, setView] = useState('list');
const [slug, setSlug] = useState(null);
const [t] = useTweaks({});
useEffect(() => {
const hash = window.location.hash.slice(1);
if (hash) {
setSlug(hash);
setView('post');
} else {
setView('list');
}
const handleHashChange = () => {
const newHash = window.location.hash.slice(1);
if (newHash) {
setSlug(newHash);
setView('post');
} else {
setView('list');
}
window.scrollTo(0, 0);
};
window.addEventListener('hashchange', handleHashChange);
return () => window.removeEventListener('hashchange', handleHashChange);
}, []);
const handleBack = () => {
window.location.hash = '';
setView('list');
};
return (
{view === 'list' && }
{view === 'post' && slug && }
);
}
window.BlogRouter = BlogRouter;