|
|
@ -1,23 +1,19 @@ |
|
|
|
// it has style inside index.scss ---> // Start Sidebar/SidebarMenu && end Sidebar/SidebarMenu
|
|
|
|
// it has style inside index.scss ---> // Start Sidebar/SidebarMenu && end Sidebar/SidebarMenu
|
|
|
|
|
|
|
|
|
|
|
|
import React from "react"; |
|
|
|
import React from "react"; |
|
|
|
|
|
|
|
import Switch from "../../Switch"; |
|
|
|
import "./index.scss"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import downwardArrow from "./arrow-down.svg"; |
|
|
|
import downwardArrow from "./arrow-down.svg"; |
|
|
|
import profilePic from "./profile-pic.svg"; |
|
|
|
import profilePic from "./profile-pic.svg"; |
|
|
|
import element from "./element-4.svg"; |
|
|
|
|
|
|
|
import folderOpen from "./folder-open.svg"; |
|
|
|
|
|
|
|
import wallet from "./wallet-money.svg"; |
|
|
|
|
|
|
|
import logout from "./logout.svg"; |
|
|
|
import logout from "./logout.svg"; |
|
|
|
import messageText from "./message-text.svg"; |
|
|
|
import messageText from "./message-text.svg"; |
|
|
|
import moon from "./moon.svg"; |
|
|
|
import moon from "./moon.svg"; |
|
|
|
import sms from "./sms.svg"; |
|
|
|
import sms from "./sms.svg"; |
|
|
|
import userEdit from "./user-edit.svg"; |
|
|
|
|
|
|
|
import Switch from "../../Switch"; |
|
|
|
|
|
|
|
const COMPONENTS = { |
|
|
|
const COMPONENTS = { |
|
|
|
Switch: <Switch />, |
|
|
|
Switch: <Switch />, |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const SidebarMenu = ({ items, buttons }) => { |
|
|
|
const SidebarMenu = ({ items, buttons }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<section> |
|
|
|
<section> |
|
|
@ -100,13 +96,13 @@ export default SidebarMenu; |
|
|
|
SidebarMenu.defaultProps = { |
|
|
|
SidebarMenu.defaultProps = { |
|
|
|
items: [ |
|
|
|
items: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
icon: "/images/logo192.png", |
|
|
|
icon: "/images/element-4.svg", |
|
|
|
title: "داشبورد مدیریت", |
|
|
|
title: "داشبورد مدیریت", |
|
|
|
notification: null, |
|
|
|
notification: null, |
|
|
|
subItems: [], |
|
|
|
subItems: [], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
icon: folderOpen, |
|
|
|
icon: "/images/folder-open.svg", |
|
|
|
title: "پروژه ها", |
|
|
|
title: "پروژه ها", |
|
|
|
notification: null, |
|
|
|
notification: null, |
|
|
|
subItems: [ |
|
|
|
subItems: [ |
|
|
@ -116,7 +112,7 @@ SidebarMenu.defaultProps = { |
|
|
|
], |
|
|
|
], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
icon: wallet, |
|
|
|
icon: "/images/wallet-money.svg", |
|
|
|
title: "مالی و حسابداری", |
|
|
|
title: "مالی و حسابداری", |
|
|
|
notification: null, |
|
|
|
notification: null, |
|
|
|
subItems: [ |
|
|
|
subItems: [ |
|
|
@ -127,13 +123,13 @@ SidebarMenu.defaultProps = { |
|
|
|
], |
|
|
|
], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
icon: userEdit, |
|
|
|
icon: "/images/user-edit.svg", |
|
|
|
title: "دیدگاه ها", |
|
|
|
title: "دیدگاه ها", |
|
|
|
notification: null, |
|
|
|
notification: null, |
|
|
|
subItems: [], |
|
|
|
subItems: [], |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
icon: userEdit, |
|
|
|
icon: "/images/user-edit.svg", |
|
|
|
title: "حساب کاربری", |
|
|
|
title: "حساب کاربری", |
|
|
|
notification: null, |
|
|
|
notification: null, |
|
|
|
subItems: [{ name: "ویرایش حساب کاربری", num: null }], |
|
|
|
subItems: [{ name: "ویرایش حساب کاربری", num: null }], |
|
|
|