better progress indicator

This commit is contained in:
Jelle van Snik 2023-01-14 16:03:59 +01:00
parent 2f1058cb9c
commit d161c948cd

View File

@ -16,11 +16,17 @@ function MediaScrapePillSkeleton() {
function MediaScrapePill({ event }: MediaScrapePillProps) {
return (
<div className="flex h-9 w-[220px] items-center rounded-full bg-slate-800 p-3 text-denim-700">
<div className="mr-2">
<div className="mr-2 flex w-[18px] items-center justify-center">
{!event.errored ? (
<svg className="h-[18px] w-[18px] -rotate-90" viewBox="0 0 100 100">
<circle
className="fill-transparent stroke-denim-700 stroke-[15] transition-[stroke-dashoffset] duration-150"
className="fill-transparent stroke-denim-700 stroke-[15] opacity-25"
r="40"
cx="50"
cy="50"
/>
<circle
className="fill-transparent stroke-bink-700 stroke-[15] transition-[stroke-dashoffset] duration-150"
r="40"
cx="50"
cy="50"