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

change layout and router panel & design page dashboard and user account

Browse Source
This commit is contained in:
Ehsan
2024-09-10 21:38:07 +03:30
parent dffdab7139
commit 62b355e52f
44 changed files with 370 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/component/EditField.js
+8 -6
View File
@@ -2,12 +2,13 @@ import EditGrayA from "@/components/icons/EditGrayA"
import EditOrangeA from "@/components/icons/EditOrangeA"
import { Button, TextField } from "@mui/material"
function EditField({ changeData, data, name, iconGray, isTransparent }) {
function EditField({ changeData, icon, placeholder, data, name, iconGray, isTransparent }) {
return (
<div className="relative w-full">
<TextField
value={data?.value}
disabled={!data?.isEdit}
placeholder={placeholder || ''}
type='text'
className={`!w-full res-field-account ${isTransparent ? '!bg-transparent lg:!bg-[#FFF]' : '!bg-[#FFF]'}`}
onChange={e => {
@@ -34,11 +35,12 @@ function EditField({ changeData, data, name, iconGray, isTransparent }) {
changeData(!data.isEdit, 'isEdit', name)
}}
>
{iconGray ? (
<EditGrayA />
) : (
<EditOrangeA />
)}
{icon ? icon :
iconGray ? (
<EditGrayA />
) : (
<EditOrangeA />
)}
</Button>
</div>
)
app/component/Pagination.js
+3
View File
@@ -14,6 +14,9 @@ function Pagination() {
},
'& .mui-8q7g72-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected': {
color: '#F8F8FF'
},
'& .MuiSvgIcon-root': {
rotate: '180deg !important'
}
}}
/>
app/component/comment/ItemUser.js
+2 -1
View File
@@ -38,12 +38,13 @@ function ItemUser({ update, setUpdate, isReply, list, setList, data, loading })
alt="profile"
/>
)}
<div className="flex flex-col items-start justify-center gap-4">
<div className="flex flex-col items-start justify-center gap-[8px]">
{loading ? (
<Skeleton variant="text" className="!min-w-[70px]" />
) : (
<>
<p className="text-[#343A40] text-[14px] md:text-[16px] font-medium">{data.name}</p>
<p className="text-[#7E7E7E] text-[12px] md:text-[14px] font-medium">3 روز پیش</p>
</>
)}
</div>
app/dashboard/page.js
+5
View File
@@ -10,6 +10,7 @@ function UserAccount() {
const [value, setValue] = useState(0);
const [isOpenSide, setIsOpenSide] = useState(false);
const [isTurnsDetails, setIsTurnsDetails] = useState(false);
return (
<DashboardPage
@@ -18,6 +19,8 @@ function UserAccount() {
user={userData.data}
isOpenSide={isOpenSide}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
>
<UserAccountPage
value={value}
@@ -25,6 +28,8 @@ function UserAccount() {
user={userData.data}
isOpenSide={isOpenSide}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
/>
</DashboardPage>
)
app/panel/(layout)/dashboard/page.js
+10
View File
@@ -0,0 +1,10 @@
import DashboardPage from "@/components/panel/dashboard";
import Information from '@/data/information.json';
function Dashboard() {
return (
<DashboardPage data={Information} />
)
}
export default Dashboard
app/panel/(layout)/layout.js
+29
View File
@@ -0,0 +1,29 @@
'use client';
import Header from "@/components/layoutPanel/header";
import Sidebar from "@/components/layoutPanel/sidebar";
import Information from '@/data/information.json';
import UserDetail from "@/components/layoutPanel/userDetail";
import { usePathname } from "next/navigation";
function LayoutPanel({ children }) {
const pathname = usePathname()
return (
<div className="flex min-h-screen">
<Sidebar />
<main className="w-full">
<Header />
<section className="my-[24px] opacity-element mx-[16px] bg-[#FAFAFA]">
{children}
</section>
</main>
{pathname.includes('dashboard') && (
<UserDetail data={Information} />
)}
</div>
)
}
export default LayoutPanel
app/panel/(layout)/user-account/page.js
+10
View File
@@ -0,0 +1,10 @@
import UserAccountPage from "@/components/panel/userAccount"
import Information from '@/data/information.json';
function UserAccount() {
return (
<UserAccountPage data={Information} />
)
}
export default UserAccount
app/panel/page.js
-13
View File
@@ -1,13 +0,0 @@
import PanelPage from "@/components/panel";
import LayoutPanel from "@/components/layoutPanel";
import Information from '../../data/information.json';
function Panel() {
return (
<LayoutPanel data={Information}>
<PanelPage data={Information} />
</LayoutPanel>
)
}
export default Panel
components/clinic/components/doctors/index.js
+1 -1
View File
@@ -3,7 +3,7 @@ import SearchBar from "./SearchBar"
function Doctors({ doctors, loading }) {
return (
<div>
<div className="opacity-page">
<SearchBar />
<List loading={loading} doctors={doctors} />
</div>
components/dashboard/index.js
+3 -1
View File
@@ -1,6 +1,6 @@
import Layout from '../layout'
function DashboardPage({ user, children, value, setValue, isOpenSide, setIsOpenSide }) {
function DashboardPage({ user, isTurnsDetails, setIsTurnsDetails, children, value, setValue, isOpenSide, setIsOpenSide }) {
return (
<Layout
user={user}
@@ -11,6 +11,8 @@ function DashboardPage({ user, children, value, setValue, isOpenSide, setIsOpenS
setValue={setValue}
isOpenSide={isOpenSide}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
>
{children}
</Layout>
components/dashboard/userAccount/ContentTabs.js
+1 -2
View File
@@ -17,10 +17,9 @@ import DownloadD from "@/components/icons/DownloadD";
const listTab = ['حساب کاربری', 'نوبت های من', 'تراکنش های من', 'نظرات من', 'پیام ها'];
function ContentTabs({ user, value, setValue, isOpenSide, setIsOpenSide }) {
function ContentTabs({ user, value, isTurnsDetails, setIsTurnsDetails, setValue, isOpenSide, setIsOpenSide }) {
const [loading, setLoading] = useState(true);
const [isTurnsDetails, setIsTurnsDetails] = useState(false);
const handleChange = (event, newValue) => setValue(newValue);
useEffect(() => {
components/dashboard/userAccount/UserAccount.js
+3 -1
View File
@@ -2,7 +2,7 @@ import ContentTabs from "./ContentTabs"
import Head from "./Head"
import NotfoundDashboard from "./NotfoundDashboard"
function UserAccountPage({ user, value, setValue, isOpenSide, setIsOpenSide }) {
function UserAccountPage({ user, isTurnsDetails, setIsTurnsDetails, value, setValue, isOpenSide, setIsOpenSide }) {
return (
<div className='w-full md:w-[68%] lg:w-[72%]'>
{value === 5 ? (
@@ -16,6 +16,8 @@ function UserAccountPage({ user, value, setValue, isOpenSide, setIsOpenSide }) {
setValue={setValue}
isOpenSide={isOpenSide}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
/>
</>
)}
components/doctors/modal/Content.js
+9 -2
View File
@@ -20,15 +20,22 @@ function Content({ data, setData }) {
updateData={(event) => changeData(event.target.innerText, 'expertise')}
list={specialties}
name='expertise'
label='تخصص'
label='دسته بندی'
/>
<div className="mt-[24px]">
<AutoCompleteSelect
updateData={(event) => changeData(event.target.innerText, 'expertise')}
list={specialties}
name='expertise'
label='تخصص'
/>
</div>
<div className="mt-[40px] mb-[32px]">
<RadioContent
changeData={(value) => changeData(+value, 'gender')}
value={data.gender}
text='جنسیت پزشک'
group={group1}
/>
<span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
<RadioContent
components/doctors/modal/FilterModal.js
+2 -1
View File
@@ -23,10 +23,11 @@ function FilterModal({ data, setData, children }) {
<Modal
open={open}
onClose={handleClose}
className=" !overflow-hidden !max-h-[calc(100vh-16px)]"
>
<div
style={styleDefault}
className="!px-[16px] md:!px-[24px] lg:!px-[32px] !py-[24px] !bg-[#FFF] !rounded-[8px] !overflow-hidden !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
className="!px-[16px] !my-[12px] overflow-auto md:!min-w-[580px] md:!px-[24px] lg:!px-[32px] !py-[24px] !bg-[#FFF] !rounded-[8px] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
!w-full md:!w-fit !h-full md:!h-fit !flex !flex-col !justify-between"
>
<div>
components/doctors/modal/RadioContent.js
+7 -5
View File
@@ -4,11 +4,13 @@ function RadioContent({ group, text, value, changeData }) {
return (
<div>
<p className="text-[16px] font-medium text-[#3B3B3B]">{text}</p>
<Radios
changeData={changeData}
group={group}
value={value}
/>
<div className="mt-[16px]">
<Radios
changeData={changeData}
group={group}
value={value}
/>
</div>
</div>
)
}
components/icons/AddLocationP.js
+11
View File
@@ -0,0 +1,11 @@
function AddLocationP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M7.70831 9.16699H12.2916" stroke="#525252" stroke-width="1.5" stroke-linecap="round" />
<path d="M10 11.4583V6.875" stroke="#525252" stroke-width="1.5" stroke-linecap="round" />
<path d="M3.01669 7.07533C4.65836 -0.141339 15.35 -0.133006 16.9834 7.08366C17.9417 11.317 15.3084 14.9003 13 17.117C11.325 18.7337 8.67502 18.7337 6.99169 17.117C4.69169 14.9003 2.05836 11.3087 3.01669 7.07533Z" stroke="#525252" stroke-width="1.5" />
</svg>
)
}
export default AddLocationP
components/icons/ArrowLeftBlueP.js
+1 -1
View File
@@ -1,7 +1,7 @@
function ArrowLeftBlueP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M15.0001 19.9201L8.48009 13.4001C7.71009 12.6301 7.71009 11.3701 8.48009 10.6001L15.0001 4.08008" stroke="#5559CE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.0001 19.9201L8.48009 13.4001C7.71009 12.6301 7.71009 11.3701 8.48009 10.6001L15.0001 4.08008" stroke="#5559CE" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
}
components/icons/ArrowLeftButtonP.js
+10
View File
@@ -0,0 +1,10 @@
function ArrowLeftButtonP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
<path d="M8.47496 4.94141L3.41663 9.99974L8.47496 15.0581" stroke="#EFEFEF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17.5834 10H3.55835" stroke="#EFEFEF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
</svg>
)
}
export default ArrowLeftButtonP
components/icons/ArrowLeftP.js
+2 -2
View File
@@ -1,8 +1,8 @@
function ArrowLeftP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M9.57 5.92969L3.5 11.9997L9.57 18.0697" stroke="#616161" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.4999 12H3.66992" stroke="#616161" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.57 5.92969L3.5 11.9997L9.57 18.0697" stroke="#616161" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
<path d="M20.4999 12H3.66992" stroke="#616161" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
}
components/icons/ArrowLeftPU.js
+9
View File
@@ -0,0 +1,9 @@
function ArrowLeftPU() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M15 20.4201L8.48003 13.9001C7.71003 13.1301 7.71003 11.8701 8.48003 11.1001L15 4.58008" stroke="#525252" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
</svg>
)
}
export default ArrowLeftPU
components/icons/DownloadD.js
+3 -3
View File
@@ -1,9 +1,9 @@
function DownloadD() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M16.4405 8.89999C20.0405 9.20999 21.5105 11.06 21.5105 15.11V15.24C21.5105 19.71 19.7205 21.5 15.2505 21.5H8.74047C4.27047 21.5 2.48047 19.71 2.48047 15.24V15.11C2.48047 11.09 3.93047 9.23999 7.47047 8.90999" stroke="#616161" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M12 2V14.88" stroke="#616161" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.3484 12.65L11.9984 16L8.64844 12.65" stroke="#616161" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16.4405 8.89999C20.0405 9.20999 21.5105 11.06 21.5105 15.11V15.24C21.5105 19.71 19.7205 21.5 15.2505 21.5H8.74047C4.27047 21.5 2.48047 19.71 2.48047 15.24V15.11C2.48047 11.09 3.93047 9.23999 7.47047 8.90999" stroke="#616161" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
<path d="M12 2V14.88" stroke="#616161" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
<path d="M15.3484 12.65L11.9984 16L8.64844 12.65" stroke="#616161" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
}
components/icons/LocationP.js
+2 -2
View File
@@ -1,8 +1,8 @@
function LocationP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.9999 13.4304C13.723 13.4304 15.1199 12.0336 15.1199 10.3104C15.1199 8.5873 13.723 7.19043 11.9999 7.19043C10.2768 7.19043 8.87988 8.5873 8.87988 10.3104C8.87988 12.0336 10.2768 13.4304 11.9999 13.4304Z" stroke="#7E7E7E" stroke-width="1.5" />
<path d="M3.61995 8.49C5.58995 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.38995 20.54C5.62995 17.88 2.46995 13.57 3.61995 8.49Z" stroke="#7E7E7E" stroke-width="1.5" />
<path d="M11.9999 13.4304C13.723 13.4304 15.1199 12.0336 15.1199 10.3104C15.1199 8.5873 13.723 7.19043 11.9999 7.19043C10.2768 7.19043 8.87988 8.5873 8.87988 10.3104C8.87988 12.0336 10.2768 13.4304 11.9999 13.4304Z" stroke="#7E7E7E" strokeWidth="1.5" />
<path d="M3.61995 8.49C5.58995 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.38995 20.54C5.62995 17.88 2.46995 13.57 3.61995 8.49Z" stroke="#7E7E7E" strokeWidth="1.5" />
</svg>
)
}
components/icons/LogoutOrangeP.js
+3 -3
View File
@@ -1,9 +1,9 @@
function LogoutOrangeP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M14.5334 12.1837L16.6668 10.0503L14.5334 7.91699" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.1333 10.0498H16.6083" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.79997 16.6663C6.11663 16.6663 3.1333 14.1663 3.1333 9.99967C3.1333 5.83301 6.11663 3.33301 9.79997 3.33301" stroke="#F17732" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.5334 12.1837L16.6668 10.0503L14.5334 7.91699" stroke="#F17732" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
<path d="M8.1333 10.0498H16.6083" stroke="#F17732" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
<path d="M9.79997 16.6663C6.11663 16.6663 3.1333 14.1663 3.1333 9.99967C3.1333 5.83301 6.11663 3.33301 9.79997 3.33301" stroke="#F17732" strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
}
components/icons/MoonP.js
+1 -1
View File
@@ -1,7 +1,7 @@
function MoonP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M2.03009 12.42C2.39009 17.57 6.76009 21.76 11.9901 21.99C15.6801 22.15 18.9801 20.43 20.9601 17.72C21.7801 16.61 21.3401 15.87 19.9701 16.12C19.3001 16.24 18.6101 16.29 17.8901 16.26C13.0001 16.06 9.00009 11.97 8.98009 7.13996C8.97009 5.83996 9.24009 4.60996 9.73009 3.48996C10.2701 2.24996 9.62009 1.65996 8.37009 2.18996C4.41009 3.85996 1.70009 7.84996 2.03009 12.42Z" stroke="#7E7E7E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M2.03009 12.42C2.39009 17.57 6.76009 21.76 11.9901 21.99C15.6801 22.15 18.9801 20.43 20.9601 17.72C21.7801 16.61 21.3401 15.87 19.9701 16.12C19.3001 16.24 18.6101 16.29 17.8901 16.26C13.0001 16.06 9.00009 11.97 8.98009 7.13996C8.97009 5.83996 9.24009 4.60996 9.73009 3.48996C10.2701 2.24996 9.62009 1.65996 8.37009 2.18996C4.41009 3.85996 1.70009 7.84996 2.03009 12.42Z" stroke="#7E7E7E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
}
components/icons/NotFoundCover.js
+16 -16
View File
@@ -2,27 +2,27 @@ function NotFoundCover() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="235" height="235" viewBox="0 0 235 235" fill="none">
<g clip-path="url(#clip0_2643_16677)">
<path d="M135.859 3.67188H121.172C95.852 3.67188 71.5691 13.7302 53.6653 31.634C35.7614 49.5379 25.7031 73.8207 25.7031 99.1406C25.7031 124.461 35.7614 148.743 53.6653 166.647C71.5691 184.551 95.852 194.609 121.172 194.609H135.859C161.179 194.609 185.462 184.551 203.366 166.647C221.27 148.743 231.328 124.461 231.328 99.1406C231.328 73.8207 221.27 49.5379 203.366 31.634C185.462 13.7302 161.179 3.67188 135.859 3.67188Z" fill="#DDDDFB" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M56.6245 152.409H41.937L10.168 184.244C8.09338 186.27 6.44888 188.695 5.3328 191.372C4.21673 194.049 3.652 196.923 3.67241 199.823C3.6695 202.721 4.23882 205.591 5.34772 208.268C6.45662 210.945 8.08326 213.377 10.1343 215.424C12.1853 217.471 14.6204 219.093 17.2998 220.196C19.9791 221.3 22.85 221.863 25.7477 221.855H31.5713C33.9826 221.857 36.3706 221.384 38.5982 220.46C40.8257 219.537 42.8489 218.183 44.5514 216.475L82.592 178.372C72.3476 171.47 63.5317 162.656 56.6282 152.412L56.6245 152.409Z" fill="#DDDDFB" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M41.9372 152.409H56.6247C63.5291 162.654 72.3462 171.469 82.5922 178.372L72.0539 188.911C62.0157 181.76 53.2418 172.983 46.0938 162.943H31.4062L41.9372 152.409Z" fill="#DDDDFB" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5868 190.512L56.6274 152.409C63.5297 162.653 72.3443 171.469 82.5876 178.372L44.5543 216.475C41.1114 219.917 36.4425 221.851 31.5742 221.851C26.706 221.851 22.037 219.917 18.5941 216.475C15.1523 213.033 13.2188 208.364 13.2188 203.495C13.2187 198.627 15.1523 193.958 18.5941 190.515L18.5868 190.512Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M121.172 179.922C165.785 179.922 201.953 143.754 201.953 99.1406C201.953 54.5273 165.785 18.3594 121.172 18.3594C76.5586 18.3594 40.3906 54.5273 40.3906 99.1406C40.3906 143.754 76.5586 179.922 121.172 179.922Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 194.609C188.587 194.609 231.328 151.869 231.328 99.1406C231.328 46.4125 188.587 3.67188 135.859 3.67188C83.1313 3.67188 40.3906 46.4125 40.3906 99.1406C40.3906 151.869 83.1313 194.609 135.859 194.609Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.5879 190.512L56.6286 152.409C63.5308 162.653 72.3454 171.469 82.5887 178.372L44.5554 216.475C41.1129 219.918 36.4438 221.852 31.5754 221.852C26.7069 221.852 22.0378 219.918 18.5953 216.475C15.1527 213.033 13.2188 208.364 13.2188 203.495C13.2188 198.627 15.1527 193.958 18.5953 190.515L18.5879 190.512Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M56.6247 152.409C63.5291 162.654 72.3462 171.469 82.5922 178.372L72.0539 188.911C62.0157 181.76 53.2418 172.983 46.0938 162.943L56.6247 152.409Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 179.922C180.473 179.922 216.641 143.754 216.641 99.1406C216.641 54.5273 180.473 18.3594 135.859 18.3594C91.2461 18.3594 55.0781 54.5273 55.0781 99.1406C55.0781 143.754 91.2461 179.922 135.859 179.922Z" fill="#DDDDFB" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 3.67188H121.172C95.852 3.67188 71.5691 13.7302 53.6653 31.634C35.7614 49.5379 25.7031 73.8207 25.7031 99.1406C25.7031 124.461 35.7614 148.743 53.6653 166.647C71.5691 184.551 95.852 194.609 121.172 194.609H135.859C161.179 194.609 185.462 184.551 203.366 166.647C221.27 148.743 231.328 124.461 231.328 99.1406C231.328 73.8207 221.27 49.5379 203.366 31.634C185.462 13.7302 161.179 3.67188 135.859 3.67188Z" fill="#DDDDFB" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M56.6245 152.409H41.937L10.168 184.244C8.09338 186.27 6.44888 188.695 5.3328 191.372C4.21673 194.049 3.652 196.923 3.67241 199.823C3.6695 202.721 4.23882 205.591 5.34772 208.268C6.45662 210.945 8.08326 213.377 10.1343 215.424C12.1853 217.471 14.6204 219.093 17.2998 220.196C19.9791 221.3 22.85 221.863 25.7477 221.855H31.5713C33.9826 221.857 36.3706 221.384 38.5982 220.46C40.8257 219.537 42.8489 218.183 44.5514 216.475L82.592 178.372C72.3476 171.47 63.5317 162.656 56.6282 152.412L56.6245 152.409Z" fill="#DDDDFB" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M41.9372 152.409H56.6247C63.5291 162.654 72.3462 171.469 82.5922 178.372L72.0539 188.911C62.0157 181.76 53.2418 172.983 46.0938 162.943H31.4062L41.9372 152.409Z" fill="#DDDDFB" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M18.5868 190.512L56.6274 152.409C63.5297 162.653 72.3443 171.469 82.5876 178.372L44.5543 216.475C41.1114 219.917 36.4425 221.851 31.5742 221.851C26.706 221.851 22.037 219.917 18.5941 216.475C15.1523 213.033 13.2188 208.364 13.2188 203.495C13.2187 198.627 15.1523 193.958 18.5941 190.515L18.5868 190.512Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M121.172 179.922C165.785 179.922 201.953 143.754 201.953 99.1406C201.953 54.5273 165.785 18.3594 121.172 18.3594C76.5586 18.3594 40.3906 54.5273 40.3906 99.1406C40.3906 143.754 76.5586 179.922 121.172 179.922Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M135.859 194.609C188.587 194.609 231.328 151.869 231.328 99.1406C231.328 46.4125 188.587 3.67188 135.859 3.67188C83.1313 3.67188 40.3906 46.4125 40.3906 99.1406C40.3906 151.869 83.1313 194.609 135.859 194.609Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M18.5879 190.512L56.6286 152.409C63.5308 162.653 72.3454 171.469 82.5887 178.372L44.5554 216.475C41.1129 219.918 36.4438 221.852 31.5754 221.852C26.7069 221.852 22.0378 219.918 18.5953 216.475C15.1527 213.033 13.2188 208.364 13.2188 203.495C13.2188 198.627 15.1527 193.958 18.5953 190.515L18.5879 190.512Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M56.6247 152.409C63.5291 162.654 72.3462 171.469 82.5922 178.372L72.0539 188.911C62.0157 181.76 53.2418 172.983 46.0938 162.943L56.6247 152.409Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M135.859 179.922C180.473 179.922 216.641 143.754 216.641 99.1406C216.641 54.5273 180.473 18.3594 135.859 18.3594C91.2461 18.3594 55.0781 54.5273 55.0781 99.1406C55.0781 143.754 91.2461 179.922 135.859 179.922Z" fill="#DDDDFB" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M165.234 73.4375H179.922C180.896 73.4375 181.83 73.0506 182.518 72.362C183.207 71.6734 183.594 70.7395 183.594 69.7656V55.0781C183.594 54.1043 183.207 53.1703 182.518 52.4817C181.83 51.7931 180.896 51.4062 179.922 51.4062H165.234C164.261 51.4062 163.327 51.7931 162.638 52.4817C161.949 53.1703 161.562 54.1043 161.562 55.0781V69.7656C161.562 70.7395 161.949 71.6734 162.638 72.362C163.327 73.0506 164.261 73.4375 165.234 73.4375Z" fill="#5559CE" />
<path d="M88.125 150.547H110.156C111.13 150.547 112.064 150.16 112.753 149.471C113.441 148.783 113.828 147.849 113.828 146.875V124.844C113.828 123.87 113.441 122.936 112.753 122.247C112.064 121.559 111.13 121.172 110.156 121.172H88.125C87.1512 121.172 86.2172 121.559 85.5286 122.247C84.84 122.936 84.4531 123.87 84.4531 124.844V146.875C84.4531 147.849 84.84 148.783 85.5286 149.471C86.2172 150.16 87.1512 150.547 88.125 150.547Z" fill="#5559CE" />
<path d="M91.7969 99.1406C91.7969 89.0026 111.526 80.7812 135.859 80.7812C160.193 80.7812 179.922 89.0026 179.922 99.1406" stroke="white" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 143.203C125.721 143.203 117.5 123.474 117.5 99.1406C117.5 74.8071 125.721 55.0781 135.859 55.0781" stroke="white" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M179.922 99.1406C179.922 109.279 160.193 117.5 135.859 117.5C111.526 117.5 91.7969 109.279 91.7969 99.1406" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 55.0781C145.997 55.0781 154.219 74.8071 154.219 99.1406C154.219 123.474 145.997 143.203 135.859 143.203" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M135.859 143.203C160.193 143.203 179.922 123.474 179.922 99.1406C179.922 74.8071 160.193 55.0781 135.859 55.0781C111.526 55.0781 91.7969 74.8071 91.7969 99.1406C91.7969 123.474 111.526 143.203 135.859 143.203Z" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M143.203 231.328H223.984C225.932 231.328 227.8 230.554 229.177 229.177C230.554 227.8 231.328 225.932 231.328 223.984V157.891C231.328 155.943 230.554 154.075 229.177 152.698C227.8 151.321 225.932 150.547 223.984 150.547H143.203C141.255 150.547 139.388 151.321 138.01 152.698C136.633 154.075 135.859 155.943 135.859 157.891V223.984C135.859 225.932 136.633 227.8 138.01 229.177C139.388 230.554 141.255 231.328 143.203 231.328Z" fill="white" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M91.7969 99.1406C91.7969 89.0026 111.526 80.7812 135.859 80.7812C160.193 80.7812 179.922 89.0026 179.922 99.1406" stroke="white" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M135.859 143.203C125.721 143.203 117.5 123.474 117.5 99.1406C117.5 74.8071 125.721 55.0781 135.859 55.0781" stroke="white" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M179.922 99.1406C179.922 109.279 160.193 117.5 135.859 117.5C111.526 117.5 91.7969 109.279 91.7969 99.1406" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M135.859 55.0781C145.997 55.0781 154.219 74.8071 154.219 99.1406C154.219 123.474 145.997 143.203 135.859 143.203" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M135.859 143.203C160.193 143.203 179.922 123.474 179.922 99.1406C179.922 74.8071 160.193 55.0781 135.859 55.0781C111.526 55.0781 91.7969 74.8071 91.7969 99.1406C91.7969 123.474 111.526 143.203 135.859 143.203Z" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M143.203 231.328H223.984C225.932 231.328 227.8 230.554 229.177 229.177C230.554 227.8 231.328 225.932 231.328 223.984V157.891C231.328 155.943 230.554 154.075 229.177 152.698C227.8 151.321 225.932 150.547 223.984 150.547H143.203C141.255 150.547 139.388 151.321 138.01 152.698C136.633 154.075 135.859 155.943 135.859 157.891V223.984C135.859 225.932 136.633 227.8 138.01 229.177C139.388 230.554 141.255 231.328 143.203 231.328Z" fill="white" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
<path d="M183.594 203.789C185.055 203.789 186.455 203.209 187.488 202.176C188.521 201.143 189.102 199.742 189.102 198.281C189.102 196.82 188.521 195.42 187.488 194.387C186.455 193.354 185.055 192.773 183.594 192.773C182.133 192.773 180.732 193.354 179.699 194.387C178.666 195.42 178.086 196.82 178.086 198.281C178.086 199.742 178.666 201.143 179.699 202.176C180.732 203.209 182.133 203.789 183.594 203.789Z" fill="#5559CE" />
<path d="M165.234 203.789C166.695 203.789 168.096 203.209 169.129 202.176C170.162 201.143 170.742 199.742 170.742 198.281C170.742 196.82 170.162 195.42 169.129 194.387C168.096 193.354 166.695 192.773 165.234 192.773C163.774 192.773 162.373 193.354 161.34 194.387C160.307 195.42 159.727 196.82 159.727 198.281C159.727 199.742 160.307 201.143 161.34 202.176C162.373 203.209 163.774 203.789 165.234 203.789Z" fill="#5559CE" />
<path d="M201.953 203.789C203.414 203.789 204.815 203.209 205.848 202.176C206.881 201.143 207.461 199.742 207.461 198.281C207.461 196.82 206.881 195.42 205.848 194.387C204.815 193.354 203.414 192.773 201.953 192.773C200.492 192.773 199.091 193.354 198.059 194.387C197.026 195.42 196.445 196.82 196.445 198.281C196.445 199.742 197.026 201.143 198.059 202.176C199.091 203.209 200.492 203.789 201.953 203.789Z" fill="#5559CE" />
<path d="M231.328 165.234H135.859V157.891C135.859 155.943 136.633 154.075 138.01 152.698C139.388 151.321 141.255 150.547 143.203 150.547H223.984C225.932 150.547 227.8 151.321 229.177 152.698C230.554 154.075 231.328 155.943 231.328 157.891V165.234Z" fill="#5559CE" stroke="black" stroke-width="6.25" stroke-linecap="round" stroke-linejoin="round" />
<path d="M231.328 165.234H135.859V157.891C135.859 155.943 136.633 154.075 138.01 152.698C139.388 151.321 141.255 150.547 143.203 150.547H223.984C225.932 150.547 227.8 151.321 229.177 152.698C230.554 154.075 231.328 155.943 231.328 157.891V165.234Z" fill="#5559CE" stroke="black" strokeWidth="6.25" strokeLinecap="round" strokeLinejoin="round" />
</g>
<defs>
<clipPath id="clip0_2643_16677">
components/icons/ProfileP.js
+10
View File
@@ -0,0 +1,10 @@
function ProfileP() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z" stroke="#9B9B9B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.59 22C20.59 18.13 16.74 15 12 15C7.26003 15 3.41003 18.13 3.41003 22" stroke="#9B9B9B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
)
}
export default ProfileP
components/layout/index.js
+3 -1
View File
@@ -9,7 +9,7 @@ import "aos/dist/aos.css";
import { useEffect } from "react";
import Sidebar from './sidebar';
function Layout({ children, title, name, isOpenSide, setIsOpenSide, disableFooter, isSidebar, user, value, setValue }) {
function Layout({ children, isTurnsDetails, setIsTurnsDetails, title, name, isOpenSide, setIsOpenSide, disableFooter, isSidebar, user, value, setValue }) {
useEffect(() => {
Aos.init({ duration: 1000 });
@@ -35,6 +35,8 @@ function Layout({ children, title, name, isOpenSide, setIsOpenSide, disableFoote
setValue={setValue}
isOpenSide={isOpenSide}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
/>
)}
{children}
components/layout/sidebar/List.js
+2 -1
View File
@@ -7,7 +7,7 @@ import NotificationD from "@/components/icons/NotificationD";
import { Button } from "@mui/material";
import ArrowLeftSideBar from "@/components/icons/ArrowLeftSideBar";
function List({ value, setValue, setIsOpenSide }) {
function List({ value, setValue, isTurnsDetails, setIsTurnsDetails, setIsOpenSide }) {
const listMenu = [
{ name: 'حساب کاربری', icon: <ProfileD active={value === 0} /> },
@@ -36,6 +36,7 @@ function List({ value, setValue, setIsOpenSide }) {
onClick={() => {
setValue(idx);
setIsOpenSide(false);
!isTurnsDetails && setIsTurnsDetails(false);
}}
>
<div className="!flex !w-full !items-center !justify-start !gap-[8px] md:px-[24px]">
components/layout/sidebar/index.js
+3 -1
View File
@@ -2,7 +2,7 @@ import Cards from "./Cards";
import Head from "./Head";
import List from "./List";
function Sidebar({ user, value, setValue, isOpenSide, setIsOpenSide }) {
function Sidebar({ user, value, isTurnsDetails, setIsTurnsDetails, setValue, isOpenSide, setIsOpenSide }) {
return (
// ${open ? 'md:w-[39%]' : 'min-w-[80px]'}
@@ -30,6 +30,8 @@ function Sidebar({ user, value, setValue, isOpenSide, setIsOpenSide }) {
value={value}
setValue={setValue}
setIsOpenSide={setIsOpenSide}
isTurnsDetails={isTurnsDetails}
setIsTurnsDetails={setIsTurnsDetails}
/>
</div>
</aside>
components/layoutPanel/header/index.js
+2 -2
View File
@@ -1,7 +1,7 @@
import Icons from "./Icons"
import Search from "./Search"
function index() {
function Header() {
return (
<div
className='
@@ -15,4 +15,4 @@ function index() {
)
}
export default index
export default Header
components/layoutPanel/sidebar/Links.js
+24 -20
View File
@@ -1,20 +1,23 @@
import Link from "next/link";
import { Button } from "@mui/material";
import { usePathname } from "next/navigation";
// Icons
import CalendarP from "@/components/icons/CalendarP";
import CategoryP from "@/components/icons/CategoryP";
import ProfileAddP from "@/components/icons/ProfileAddP";
import ProfileCircleP from "@/components/icons/ProfileCircleP";
import { Button } from "@mui/material";
import { useState } from "react";
function Links() {
const list = [
{ name: 'دشبورد', icon: <CategoryP /> },
{ name: 'حساب کاربری', icon: <ProfileCircleP /> },
{ name: 'اضافه کردن پزشک', icon: <ProfileAddP /> },
{ name: 'نوبت ها', icon: <CalendarP /> }
{ name: 'دشبورد', src: '/panel/dashboard', icon: <CategoryP /> },
{ name: 'حساب کاربری', src: '/panel/user-account', icon: <ProfileCircleP /> },
{ name: 'اضافه کردن پزشک', src: '/', icon: <ProfileAddP /> },
{ name: 'نوبت ها', src: '/', icon: <CalendarP /> }
];
const [value, setValue] = useState(0);
const pathname = usePathname();
return (
<ul className="flex flex-col gap-[32px] mt-[54px]">
@@ -23,21 +26,22 @@ function Links() {
key={idx}
className="p-[8px]"
>
<Button
fullWidth
variant="text"
onClick={() => setValue(idx)}
className={`
<Link href={item.src}>
<Button
fullWidth
variant="text"
className={`
!p-[8px] !flex !items-center !justify-start !gap-[8px] !text-[16px] !rounded-[8px] !transition-all !duration-500
${idx === value ? '!bg-[#5559CE] !text-[#FAFAFA] !font-bold' : '!text-[#525252] !font-medium'}
`}
>
${item.src === pathname ? '!bg-[#5559CE] !text-[#FAFAFA] !font-bold' : '!text-[#525252] !font-medium'}
`}
>
<div className="p-[4px] bg-[#E5E9FF] rounded-[4px] w-fit">
{item.icon}
</div>
{item.name}
</Button>
<div className="p-[4px] bg-[#E5E9FF] rounded-[4px] w-fit">
{item.icon}
</div>
{item.name}
</Button>
</Link>
</li>
))}
</ul>
components/layoutPanel/userDetail/index.js
+1 -1
View File
@@ -4,7 +4,7 @@ import Activities from "./Activities";
function UserDetail({ data }) {
return (
<div className="min-w-[360px] h-full">
<div className="min-w-[360px] h-full opacity-page">
<div
className="min-w-[360px] p-[24px] border-0 border-r border-r-[#EFEFEF] h-full items-start fixed top-0 left-0
bg-[#FFF] py-[40px] px-[16px]"
components/panel/Cards.js → components/panel/dashboard/Cards.js
+4 -4
View File
@@ -1,6 +1,6 @@
import CalendarTickGreenP from "../icons/CalendarTickGreenP"
import CardOrangeP from "../icons/CardOrangeP"
import PeopleBlueP from "../icons/PeopleBlueP"
import CalendarTickGreenP from "../../icons/CalendarTickGreenP"
import CardOrangeP from "../../icons/CardOrangeP"
import PeopleBlueP from "../../icons/PeopleBlueP"
function Cards({ data }) {
@@ -11,7 +11,7 @@ function Cards({ data }) {
];
return (
<ul className="flex items-center justify-center gap-[32px] mx-[16px]">
<ul className="flex flex-wrap items-center justify-center gap-[32px] mx-[16px]">
{list.map((item, idx) => (
<li
className="flex min-w-[226px] flex-col py-[18px] px-[12px] gap-[8px] rounded-[4px] border border-solid border-[#EFEFEF] bg-[#FFF]"
components/panel/amountOfIncome/Chart.js → components/panel/dashboard/amountOfIncome/Chart.js
Vendored
+4 -1
View File
@@ -23,7 +23,7 @@ function Chart({ data }) {
disableTicks: true
}]}
margin={{
left: 90,
left: 80,
right: 50,
top: 10,
bottom: 30,
@@ -48,6 +48,9 @@ function Chart({ data }) {
},
'& .MuiChartsGrid-line': {
strokeDasharray: 2
},
'& .MuiChartsAxis-directionY': {
// transform: 'translateX(-50px) !important'
}
}}
grid={{ horizontal: true }}
components/panel/amountOfIncome/Head.js → components/panel/dashboard/amountOfIncome/Head.js
View File
components/panel/amountOfIncome/index.js → components/panel/dashboard/amountOfIncome/index.js
+3 -1
View File
@@ -5,7 +5,9 @@ function AmountOfIncome({ data }) {
return (
<div className="rounded-[8px] border border-solid border-[#EFEFEF] bg-[#FFF]">
<Head />
<Chart data={data} />
<div dir="ltr">
<Chart data={data} />
</div>
</div>
)
}
components/panel/index.js → components/panel/dashboard/index.js
+3 -3
View File
@@ -2,9 +2,9 @@ import AmountOfIncome from "./amountOfIncome";
import Cards from "./Cards";
import List from "./list";
function PanelPage({ data }) {
function DashboardPage({ data }) {
return (
<div className="flex mt-[4px] flex-col gap-[20px]">
<div className="flex mt-[4px] flex-col gap-[20px] opacity-page">
<Cards data={data} />
<List data={data} />
<AmountOfIncome data={data} />
@@ -12,4 +12,4 @@ function PanelPage({ data }) {
)
}
export default PanelPage
export default DashboardPage
components/panel/list/Table.js → components/panel/dashboard/list/Table.js
View File
components/panel/list/index.js → components/panel/dashboard/list/index.js
+1 -1
View File
@@ -1,5 +1,5 @@
import { Button } from "@mui/material"
import ArrowLeftP from "../../icons/ArrowLeftP"
import ArrowLeftP from "../../../icons/ArrowLeftP"
import Table from "./Table"
function List({ data }) {
components/panel/userAccount/Head.js
+22
View File
@@ -0,0 +1,22 @@
import ArrowLeftPU from "@/components/icons/ArrowLeftPU";
import ProfileP from "@/components/icons/ProfileP";
import { Button } from "@mui/material";
function Head() {
return (
<div className="flex items-center justify-start gap-[10px]">
<div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
<ProfileP />
</div>
<Button
variant="text"
className="!flex !p-1 !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
>
انتخاب تصویر
<ArrowLeftPU />
</Button>
</div>
)
}
export default Head
components/panel/userAccount/form/Content.js
+10
View File
@@ -0,0 +1,10 @@
function Content({ children, text }) {
return (
<div className="flex flex-col items-start justify-start gap-[16px]">
<p className="text-[#525252] text-[14px] font-medium">{text}</p>
{children}
</div>
)
}
export default Content
components/panel/userAccount/form/index.js
+94
View File
@@ -0,0 +1,94 @@
'use client';
import { useState } from "react";
import Content from "./Content";
import EditField from "@/app/component/EditField";
import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
import { bank, city, state } from "./listSelector";
import AddLocationP from "@/components/icons/AddLocationP";
import { Button } from "@mui/material";
import ArrowLeftButtonP from "@/components/icons/ArrowLeftButtonP";
function Form() {
const [data, setData] = useState({
name: { value: 'احسان احمدی', isEdit: false },
national_code: { value: '123456789', isEdit: false },
address: { value: '', isEdit: false },
phone: { value: '', isEdit: false },
account_number: { value: '', isEdit: false },
});
const [selected, setSelected] = useState({
state: '',
city: '',
bank: ''
});
const updateSelect = (event, name) => setSelected({ ...selected, [name]: event.target.innerText })
const changeData = (value, type, name) =>
setData({
...data,
[name]: {
...data[name],
[type]: value
}
});
return (
<div className="flex flex-col items-start justify-start gap-[48px]">
<ul className="grid w-full grid-cols-2 mt-[32px] gap-x-[48px] gap-y-[32px]">
<Content text='نام و نام خانوادگی'>
<EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.name} name='name' />
</Content>
<Content text='کد ملی'>
<EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.national_code} name='national_code' />
</Content>
<Content text='استان'>
<AutoCompleteSelect
updateData={updateSelect}
label='انتخاب کنید...'
name='state'
list={state}
/>
</Content>
<Content text='شهر'>
<AutoCompleteSelect
updateData={updateSelect}
label='انتخاب کنید...'
name='city'
list={city}
/>
</Content>
<Content text='آدرس'>
<EditField icon={<AddLocationP />} isTransparent={true} placeholder='از روی نقشه انتخاب کنید...' iconGray={true} changeData={changeData} data={data?.address} name='address' />
</Content>
<Content text='شماره موبایل'>
<EditField isTransparent={true} placeholder='شماره موبایل' iconGray={true} changeData={changeData} data={data?.phone} name='phone' />
</Content>
<Content text='شماره حساب'>
<EditField isTransparent={true} placeholder='شماره حساب' iconGray={true} changeData={changeData} data={data?.account_number} name='account_number' />
</Content>
<Content text='شهر'>
<AutoCompleteSelect
updateData={updateSelect}
label='انتخاب کنید...'
name='bank'
list={bank}
/>
</Content>
</ul>
<div className="w-full flex justify-end">
<Button
variant="contained"
className="!gap-[4px] !py-[8px] !px-[24px] !rounded-[4px] !shadow-none !text-[#EFEFEF] !text-[16px] !font-medium"
>
ثبت اطلاعات
<ArrowLeftButtonP />
</Button>
</div>
</div>
)
}
export default Form
components/panel/userAccount/form/listSelector.js
+20
View File
@@ -0,0 +1,20 @@
export const state = [
{ label: 'استان 1', id: 10 },
{ label: 'استان 2', id: 20 },
{ label: 'استان 3', id: 30 },
{ label: 'استان 4', id: 40 }
];
export const city = [
{ label: 'شهر 1', id: 10 },
{ label: 'شهر 2', id: 20 },
{ label: 'شهر 3', id: 30 },
{ label: 'شهر 4', id: 40 }
];
export const bank = [
{ label: 'بانک 1', id: 10 },
{ label: 'بانک 2', id: 20 },
{ label: 'بانک 3', id: 30 },
{ label: 'بانک 4', id: 40 }
];
components/panel/userAccount/index.js
+13
View File
@@ -0,0 +1,13 @@
import Form from "./form";
import Head from "./Head";
function UserAccountPage({ data }) {
return (
<div className="opacity-page rounded-[8px] bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] px-[112px] py-[32px]">
<Head />
<Form />
</div>
)
}
export default UserAccountPage