feat(recent): Tab 'Neu' (letzte 10 Uploads) + -Badge für letzte 5; API markiert isRecent via mtime
This commit is contained in:
parent
beeffb7605
commit
129578cb3a
3 changed files with 44 additions and 4 deletions
|
|
@ -164,6 +164,21 @@ export default function App() {
|
|||
>
|
||||
Favoriten ({favCount})
|
||||
</button>
|
||||
{/* Neueste 10 */}
|
||||
<button
|
||||
key="__recent__"
|
||||
className={`tab ${activeFolder === '__recent__' ? 'active' : ''}`}
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
setActiveFolder('__recent__');
|
||||
const resp = await fetchSounds(undefined, '__recent__');
|
||||
setSounds(resp.items);
|
||||
setTotal(resp.total);
|
||||
setFolders(resp.folders);
|
||||
}}
|
||||
>
|
||||
Neu
|
||||
</button>
|
||||
{folders.map((f) => (
|
||||
<button
|
||||
key={f.key}
|
||||
|
|
@ -192,7 +207,7 @@ export default function App() {
|
|||
return (
|
||||
<div key={`${s.fileName}-${s.name}`} className="sound-wrap">
|
||||
<button className="sound" type="button" onClick={() => handlePlay(s.name, s.relativePath)} disabled={loading}>
|
||||
{s.name}
|
||||
{s.isRecent ? '🆕 ' : ''}{s.name}
|
||||
</button>
|
||||
<button
|
||||
className={`fav ${isFav ? 'active' : ''}`}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue