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

add prettier formatter to all file

Browse Source
This commit is contained in:
Ehsan
2024-09-25 11:03:44 +03:30
parent fa38ee2b21
commit eda896e917
410 changed files with 47636 additions and 43842 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layoutPanel/sidebar/Links.js
+50 -33
View File
@@ -9,43 +9,60 @@ import ProfileAddP from "@/components/icons/ProfileAddP";
import ProfileCircleP from "@/components/icons/ProfileCircleP";
function Links({ open }) {
const list = [
{ name: "دشبورد", src: "/panel/dashboard", icon: <CategoryP /> },
{
name: "حساب کاربری",
src: "/panel/user-account",
icon: <ProfileCircleP />,
},
{
name: "اضافه کردن پزشک",
src: "/panel/add-doctor",
icon: <ProfileAddP />,
},
{ name: "نوبت ها", src: "/panel/turns", icon: <CalendarP /> },
];
const list = [
{ name: 'دشبورد', src: '/panel/dashboard', icon: <CategoryP /> },
{ name: 'حساب کاربری', src: '/panel/user-account', icon: <ProfileCircleP /> },
{ name: 'اضافه کردن پزشک', src: '/panel/add-doctor', icon: <ProfileAddP /> },
{ name: 'نوبت ها', src: '/panel/turns', icon: <CalendarP /> }
];
const pathname = usePathname();
const pathname = usePathname();
return (
<ul className={`flex flex-col gap-[32px] mt-[36px] md:mt-[54px] transition-all duration-500`}>
{list.map((item, idx) => (
<li key={idx}>
<Link href={item.src}>
<Button
fullWidth
variant="text"
className={`
return (
<ul
className={`flex flex-col gap-[32px] mt-[36px] md:mt-[54px] transition-all duration-500`}
>
{list.map((item, idx) => (
<li key={idx}>
<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
${item.src === pathname ? '!bg-[#5559CE]' : ''}
${item.src === pathname ? "!bg-[#5559CE]" : ""}
`}
>
<div className="p-[4px] bg-[#E5E9FF] rounded-[4px] w-fit">
{item.icon}
</div>
<p className={`
>
<div className="p-[4px] bg-[#E5E9FF] rounded-[4px] w-fit">
{item.icon}
</div>
<p
className={`
transition-all duration-500
${open ? 'opacity-100' : 'md:opacity-0'}
${item.src === pathname ? '!text-[#FAFAFA] !font-bold' : '!text-[#525252] !font-medium'}
`}>{item.name}</p>
</Button>
</Link>
</li>
))}
</ul>
)
${open ? "opacity-100" : "md:opacity-0"}
${
item.src === pathname
? "!text-[#FAFAFA] !font-bold"
: "!text-[#525252] !font-medium"
}
`}
>
{item.name}
</p>
</Button>
</Link>
</li>
))}
</ul>
);
}
export default Links
export default Links;