hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dark mode side bar panel page

Browse Source
This commit is contained in:
Ehsan
2024-09-28 11:10:14 +03:30
parent af46e780b7
commit 8438b71538
6 changed files with 46 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layoutPanel/userDetail/Date.js
+29 -1
View File
@@ -5,7 +5,35 @@ import { DatePicker } from "jalaali-react-date-picker";
function Date() {
return (
<div className="flex justify-center">
<DatePicker nextIcon={<></>} prevIcon={<></>} />
<DatePicker
nextIcon={<></>}
prevIcon={<></>}
dayLabelRender={(e) => (
<div className="day-label-bar-inner-rtl">
<div className="day-label-item !text-[10px] font-semibold">
شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
۱ شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
۲ شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
۳ شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
۴ شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
۵ شنبه
</div>
<div className="day-label-item !text-[10px] font-semibold">
جمعه
</div>
</div>
)}
/>
</div>
);
}
components/layoutPanel/userDetail/Head.js
+11 -7
View File
@@ -14,7 +14,7 @@ function Head({ data, loading }) {
</CircularLoading>
<div className={loading ? "mt-[8px] mb-[4px]" : ""}>
<TextLoading width={60} height={18} loading={loading}>
<p className="text-[#3B3B3B] text-[14px] font-semibold mt-[8px] mb-[4px]">
<p className="text-[#3B3B3B] text-[14px] font-semibold mt-[8px] mb-[4px] dark:text-[#fafafa]">
{data.name}
</p>
</TextLoading>
@@ -22,25 +22,29 @@ function Head({ data, loading }) {
<div className="flex items-center justify-center gap-[8px]">
<LocationP />
<TextLoading width={55} height={16} loading={loading}>
<p className="text-[#7E7E7E] text-[14px] font-normal">
<p className="text-[#7E7E7E] text-[14px] font-normal dark:text-[#A1A1A1]">
نماینده شهر اهواز
</p>
</TextLoading>
</div>
<div className="flex items-center justify-center my-[16px]">
<div className="flex flex-col items-center justify-center">
<p className="text-[#9B9B9B] text-[14px] font-normal">کل بیماران</p>
<p className="text-[#9B9B9B] text-[14px] font-normal dark:text-[#A1A1A1]">
کل بیماران
</p>
<TextLoading width={55} height={16} loading={loading}>
<p className="text-[#3B3B3B] text-[14px] font-medium">
<p className="text-[#3B3B3B] text-[14px] font-medium dark:text-[#A1A1A1]">
{data.all_patients}
</p>
</TextLoading>
</div>
<span className="block h-[44px] w-px bg-[#EFEFEF] mx-[44px]"></span>
<span className="block h-[44px] w-px bg-[#EFEFEF] mx-[44px] dark:bg-[#343645]"></span>
<div className="flex flex-col items-center justify-center">
<p className="text-[#9B9B9B] text-[14px] font-normal">کل نوبت ها</p>
<p className="text-[#9B9B9B] text-[14px] font-normal dark:text-[#A1A1A1]">
کل نوبت ها
</p>
<TextLoading width={55} height={16} loading={loading}>
<p className="text-[#3B3B3B] text-[14px] font-medium">
<p className="text-[#3B3B3B] text-[14px] font-medium dark:text-[#A1A1A1]">
{data.total_turns}
</p>
</TextLoading>
components/layoutPanel/userDetail/index.js
+1 -1
View File
@@ -10,7 +10,7 @@ function UserDetail({ data, loading }) {
g-[#FFF] py-[40px] px-[16px] bg-[#FFF] dark:bg-[#222433] dark:border-transparent"
>
<Head data={data} loading={loading} />
<span className="block w-full h-px bg-[#EFEFEF] px-[22px] mt-[13px] mb-[16px]"></span>
<span className="block w-full h-px bg-[#EFEFEF] px-[22px] mt-[13px] mb-[16px] dark:bg-[#343645]"></span>
<Date />
<Activities data={data} loading={loading} />
</div>