Files
rahavard/components/UserSidebar.js

47 lines
4.7 KiB
JavaScript
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import UserSidebarItem from "./UserSidebarItem"
export default function UserSideBar(){
return(
<div className="flex flex-col pr-36 pt-8 w-96">
<div>
<image> </image>
<span className='font-[5]'> دانیال حکیمی</span>
<p className='text-gray-600'>
۰۹۱۹۹۲۱۴۱۶۱
</p>
</div>
<UserSidebarItem title="پیشخوان" icon={
<svg className="fill-[#757D8A]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z" />
<path d="M22 19.77V15.73C22 14.14 21.36 13.5 19.77 13.5H15.73C14.14 13.5 13.5 14.14 13.5 15.73V19.77C13.5 21.36 14.14 22 15.73 22H19.77C21.36 22 22 21.36 22 19.77Z" />
<path d="M10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98V8.51C2 9.93 2.64 10.49 4.23 10.49H8.27C9.86 10.5 10.5 9.93 10.5 8.52Z" />
<path d="M10.5 19.77V15.73C10.5 14.14 9.86 13.5 8.27 13.5H4.23C2.64 13.5 2 14.14 2 15.73V19.77C2 21.36 2.64 22 4.23 22H8.27C9.86 22 10.5 21.36 10.5 19.77Z" />
</svg>
} />
<UserSidebarItem title="اطلاعات حساب" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#757D8A"/>
<path d="M17.08 14.1499C14.29 12.2899 9.73996 12.2899 6.92996 14.1499C5.65996 14.9999 4.95996 16.1499 4.95996 17.3799C4.95996 18.6099 5.65996 19.7499 6.91996 20.5899C8.31996 21.5299 10.16 21.9999 12 21.9999C13.84 21.9999 15.68 21.5299 17.08 20.5899C18.34 19.7399 19.04 18.5999 19.04 17.3599C19.03 16.1299 18.34 14.9899 17.08 14.1499Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title=" سفارش ها" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.75C15.59 8.75 15.25 8.41 15.25 8V4.5C15.25 3.42 14.58 2.75 13.5 2.75H10.5C9.42 2.75 8.75 3.42 8.75 4.5V8C8.75 8.41 8.41 8.75 8 8.75C7.59 8.75 7.25 8.41 7.25 8V4.5C7.25 2.59 8.59 1.25 10.5 1.25H13.5C15.41 1.25 16.75 2.59 16.75 4.5V8C16.75 8.41 16.41 8.75 16 8.75Z" fill="#757D8A"/>
<path d="M7.99984 17.78C7.58984 17.78 7.24984 17.44 7.24984 17.03C7.24984 16.61 7.58984 16.28 7.99984 16.28H19.7598C20.0598 16.28 20.2898 16.02 20.2598 15.72L19.5798 10.03C19.3398 8.09 18.9998 6.5 15.5998 6.5H8.39984C4.99984 6.5 4.65984 8.09 4.42984 10.03L3.52984 17.53C3.23984 19.99 3.99984 22 7.50984 22H16.4898C19.6498 22 20.5798 20.37 20.5298 18.25C20.5198 17.98 20.2998 17.78 20.0298 17.78H7.99984Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title="آدرس ها" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.6201 8.45C19.5701 3.83 15.5401 1.75 12.0001 1.75C12.0001 1.75 12.0001 1.75 11.9901 1.75C8.4601 1.75 4.4201 3.82 3.3701 8.44C2.2001 13.6 5.3601 17.97 8.2201 20.72C9.2801 21.74 10.6401 22.25 12.0001 22.25C13.3601 22.25 14.7201 21.74 15.7701 20.72C18.6301 17.97 21.7901 13.61 20.6201 8.45ZM12.0001 13.46C10.2601 13.46 8.8501 12.05 8.8501 10.31C8.8501 8.57 10.2601 7.16 12.0001 7.16C13.7401 7.16 15.1501 8.57 15.1501 10.31C15.1501 12.05 13.7401 13.46 12.0001 13.46Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title="خروج" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.2 22H9.8C13 22 15 20 15 16.8L15 12.75H8.75C8.34 12.75 8 12.41 8 12C8 11.59 8.34 11.25 8.75 11.25H15V7.2C15 4 13 2 9.8 2H7.21C4.01 2 2.01 4 2.01 7.2L2.01 16.8C2 20 4 22 7.2 22Z" fill="#757D8A"/>
<path d="M19.4396 12.7499L17.3696 14.8199C17.2196 14.9699 17.1496 15.1599 17.1496 15.3499C17.1496 15.5399 17.2196 15.7399 17.3696 15.8799C17.6596 16.1699 18.1396 16.1699 18.4296 15.8799L21.7796 12.5299C22.0696 12.2399 22.0696 11.7599 21.7796 11.4699L18.4296 8.11991C18.1396 7.82991 17.6596 7.82991 17.3696 8.11991C17.0796 8.40991 17.0796 8.88991 17.3696 9.17991L19.4396 11.2499H14.9996V12.7499H19.4396Z" fill="#757D8A"/>
</svg>
} />
</div>
)
}