You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
810 B
19 lines
810 B
export default function QueueEntry({ title, activity, timeLeft, progress }) {
|
|
return (
|
|
<div className="text-theme-700 dark:text-theme-200 relative h-5 rounded-md bg-theme-200/50 dark:bg-theme-900/20 m-1 px-1 flex">
|
|
<div
|
|
className="absolute h-5 rounded-md bg-theme-200 dark:bg-theme-900/40 z-0 -ml-1"
|
|
style={{
|
|
width: `${progress}%`,
|
|
}}
|
|
/>
|
|
<div className="text-xs z-10 self-center ml-2 relative h-4 grow mr-2">
|
|
<div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden text-left">{title}</div>
|
|
</div>
|
|
<div className="self-center text-xs flex justify-end mr-1.5 pl-1 z-10 text-ellipsis overflow-hidden whitespace-nowrap">
|
|
{timeLeft ? `${activity} - ${timeLeft}` : activity}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|