quaik8/sbd2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add type filter to SoundsPage for improved sound categorization

Browse Source
This commit is contained in:
JSC
2025-09-21 13:31:19 +02:00
parent 620418c405
commit d48291f6ed
2 changed files with 32 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/player/Player.tsx
View File

@@ -44,6 +44,7 @@ import {
import { useCallback, useEffect, useState } from 'react'
import { toast } from 'sonner'
import { Playlist } from './Playlist'
import { NumberFlowDuration } from '../ui/number-flow-duration'
export type PlayerDisplayMode = 'normal' | 'minimized' | 'maximized' | 'sidebar'
@@ -422,8 +423,8 @@ export function Player({ className, onPlayerModeChange }: PlayerProps) {
}}
/>
<div className="flex justify-between text-xs text-muted-foreground mt-1">
<span>{formatDuration(state.position)}</span>
<span>{formatDuration(state.duration || 0)}</span>
<NumberFlowDuration duration={state.position} />
<NumberFlowDuration duration={state.duration || 0} />
</div>
</div>
@@ -645,8 +646,8 @@ export function Player({ className, onPlayerModeChange }: PlayerProps) {
}}
/>
<div className="flex justify-between text-sm text-muted-foreground mt-2">
<span>{formatDuration(state.position)}</span>
<span>{formatDuration(state.duration || 0)}</span>
<NumberFlowDuration duration={state.position} />
<NumberFlowDuration duration={state.duration || 0} />
</div>
</div>