design and responsive page doctor and account

2024-08-30 11:59:53 +03:30
parent 707206450c
commit 451ae76cb1
15 changed files with 251 additions and 42 deletions
@@ -0,0 +1,24 @@
+import { numberToArStyle } from "@/helper"
+import { LinearProgress } from "@mui/material"
+
+function ProgressDetail({ data }) {
+    return (
+        <li className="flex items-center justify-start gap-2 w-full">
+            <p className="text-[#525252] text-[14px] font-normal w-[118px]">{data.label}</p>
+            <LinearProgress
+                value={data.progress}
+                variant="determinate"
+                className="!w-full lg:!w-[265px] !rounded-[10px] !bg-[#D7D7D7] !h-[11px]"
+                sx={{
+                    '& .MuiLinearProgress-bar': {
+                        background: '#05BA58',
+                        borderRadius: '10px'
+                    }
+                }}
+            />
+            <p className="text-[#525252] text-[20px] font-medium">{numberToArStyle(data.progress)}%</p>
+        </li>
+    )
+}
+
+export default ProgressDetail