tsivinsky/podcaster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show episode title & duration in player

Browse Source
This commit is contained in:
Dan Tsivinsky
2026-03-12 12:52:30 +03:00
parent 286a01c4d6
commit c7dc944264
1 changed files with 57 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/player/player.tsx
View File

@@ -68,8 +68,10 @@ export const Player = () => {
} }
return ( return (
<div className="fixed bottom-0 left-0 right-0 z-50 max-w-[1440px] w-full mx-auto"> <div className="fixed bottom-0 left-0 right-0 z-50">
<div className="bg-white py-2 px-4 flex items-center gap-4"> <div className="max-w-[1440px] w-full mx-auto">
<div className="bg-white py-2 px-4 flex flex-col">
<div className="w-full flex items-center gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{status === "playing" ? ( {status === "playing" ? (
<button onClick={() => setStatus("paused")}> <button onClick={() => setStatus("paused")}>
@@ -121,6 +123,11 @@ export const Player = () => {
{formatTime(currentTime)} {formatTime(currentTime)}
</p> </p>
</div> </div>
<h3 className="text-base font-semibold mt-2">{episode?.title}</h3>
<p className="opacity-50 mt-1">{formatTime(duration)}</p>
</div>
</div>
</div> </div>
); );
}; };