fix: lint error - semantic ambiguity

This commit is contained in:
ManishMadan2882
2024-07-03 13:25:47 +05:30
parent 2985e3b75b
commit 4d749340a2
3 changed files with 8 additions and 5 deletions

View File

@@ -55,7 +55,7 @@ function Upload({
}
}, []);
function ProgressBar({ progress }: { progress: number }) {
function ProgressBar({ progressPercent }: { progressPercent: number }) {
return (
<div className="my-5 w-[50%]">
<div
@@ -65,9 +65,9 @@ function Upload({
className={`h-full border-none p-1 w-${
progress || 0
}% flex items-center justify-center bg-purple-30 outline-none transition-all`}
style={{ width: `${progress || 0}%` }}
style={{ width: `${progressPercent || 0}%` }}
>
{progress >= 5 && `${progress}%`}
{progressPercent >= 5 && `${progressPercent}%`}
</div>
</div>
</div>
@@ -93,7 +93,7 @@ function Upload({
{/* <p className="mt-10 text-2xl">{progress?.percentage || 0}%</p> */}
{/* progress bar */}
<ProgressBar progress={progress?.percentage as number} />
<ProgressBar progressPercent={progress?.percentage as number} />
<button
onClick={() => {