Building Owner and Property Manager Screens are added

This commit is contained in:
2026-07-16 18:09:03 +05:30
parent 104f8f7abf
commit 3222da96ab
22 changed files with 516 additions and 140 deletions

18
utils/progressBarRow.tsx Normal file
View File

@@ -0,0 +1,18 @@
import { ProgressBarProps } from "@/constants/types";
export function ProgressBarRow({ label, value, maxValue }: ProgressBarProps) {
const percentage = (value / maxValue) * 100;
return (
<div className="flex items-center justify-between py-1.5 text-sm">
<span className="text-[#899db7] w-32 truncate">{label}</span>
<div className="flex-1 mx-4 bg-[#122238] h-2.5 rounded-full overflow-hidden">
<div
className="bg-[#17cbb5] h-full rounded-full transition-all duration-500"
style={{ width: `${percentage}%` }}
/>
</div>
<span className="text-white font-bold w-6 text-right">{value}</span>
</div>
);
}