david_bai
29 lines
738 B
TypeScript
29 lines
738 B
TypeScript
import React from "react";
|
|
import { Progress } from "@/types/webrtc";
|
|
|
|
interface TransferProgressProps {
|
|
message: string;
|
|
progress: Progress;
|
|
}
|
|
// Display 'Sending' or 'Receiving' message
|
|
const TransferProgress: React.FC<TransferProgressProps> = ({
|
|
message,
|
|
progress,
|
|
}) => {
|
|
const speed = isNaN(progress.speed) ? 0 : progress.speed;
|
|
|
|
return (
|
|
<span className="mr-2 text-sm whitespace-nowrap">
|
|
{message}
|
|
<span className="inline-block min-w-[80px] text-right">
|
|
{(speed / 1024).toFixed(2)} MB/s
|
|
</span>
|
|
<span className="inline-block min-w-[50px] text-right">
|
|
{(progress.progress * 100).toFixed(0).padStart(2, "0")}%
|
|
</span>
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default TransferProgress;
|