dnoulet/go-tell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

catpuccing moka

Browse source
This commit is contained in:
Daniel Noulet 2026-09-19 15:29:10 +02:00
parent ead8819e39
commit 17b5f751e2
3 changed files with 246 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
ui/app/src/App.tsx
View file

@ -5,8 +5,13 @@ import { useAuth } from './auth'
function Shell({ children }: { children: React.ReactNode }) {
const { user, signOut } = useAuth()
const [dark, setDark] = useState(() => window.localStorage.getItem('urpi-theme') !== 'light')
useEffect(() => {
document.documentElement.dataset.theme = dark ? 'dark' : 'light'
window.localStorage.setItem('urpi-theme', dark ? 'dark' : 'light')
}, [dark])
return <main className="shell">
<header className="header"><Link className="brand" to="/"><span className="brand-prompt">~/</span> Urpi's backlog<span className="brand-cursor">_</span><small>linux · go · java · ideas</small></Link>{user && <button className="text-button" onClick={() => void signOut()}>Sign out</button>}</header>
<header className="header"><Link className="brand" to="/"><span className="brand-prompt">~/</span> Urpi's backlog<span className="brand-cursor">_</span><small>linux · go · java · ideas</small></Link><div className="header-actions"><button className="theme-button" type="button" aria-label={`Switch to ${dark ? 'light' : 'dark'} theme`} onClick={() => setDark(value => !value)}>{dark ? '☀ Light' : '☾ Dark'}</button>{user && <button className="text-button" onClick={() => void signOut()}>Sign out</button>}</div></header>
{children}
</main>
}
@ -98,7 +103,7 @@ function ContentList() {
}, [cursor, category, status, badges.join(',')])
return <Shell><section className="content-page">
<div className="page-heading"><div><span className="eyebrow">Journal</span><h1>Latest content</h1></div></div>
<div className="page-heading"><div><span className="eyebrow">$ cd ~/backlog && ls</span></div></div>
<div className="filters" aria-label="Content filters">
<label className="status-filter">Status
<select value={status} onChange={event => setStatus(event.target.value)}>