diff --git a/src/components/FolderTree/index.js b/src/components/FolderTree/index.js index 9a164e5..c398c08 100644 --- a/src/components/FolderTree/index.js +++ b/src/components/FolderTree/index.js @@ -26,39 +26,92 @@ const FolderTree = ({ items }) => { {activeDropdown === null && } */} {/* روش دوم */} {activeDropdown === item ? ( - + ) : ( - + )} {activeDropdown === item ? ( - + ) : ( - + )} - {/* {activeDropdown === null && } - {activeDropdown === item && } */} {item.name} - {item.menuItems.map((menuItem, i) => ( -
- - - - {menuItem.title} - -
- ))} + {activeDropdown === item && + item.menuItems.map((menuItem, i) => ( +
+ +
+ // setActiveDropdown( + // activeDropdown === menuItem ? null : menuItem + // ) + // } + > + {activeDropdown === menuItem ? ( + + ) : ( + + )} + {activeDropdown === menuItem ? ( + + ) : ( + + )} + + + {menuItem.title} + +
+
+ ))} ))} ); }; +// {item.menuItem.menuSubItems.map((menuSubItem, j) => ( +//
+// +// +// +// {menuSubItem.subTitle} +// +//
+// ))} + export default FolderTree; FolderTree.defaultProps = { @@ -66,26 +119,70 @@ FolderTree.defaultProps = { { name: "فیلم‌ها وعکس مربوط به حادثه", menuItems: [ - { title: "فایل‌های مربوط به پارسال" }, - { title: "اخبار و گزارشات سال 1399" }, - { title: "فایل‌های مربوط به پارسال" }, + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "اخبار و گزارشات سال 1399", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, ], }, { - name: "فرایند‌های بازرسی", - menuItems: [], - }, - { - name: "صوت جلسات استاد براتی", - menuItems: [], + name: "فیلم‌ها وعکس مربوط به حادثه", + menuItems: [ + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "اخبار و گزارشات سال 1399", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + ], }, { - name: "رویشه اصلی سایت", - menuItems: [], + name: "فیلم‌ها وعکس مربوط به حادثه", + menuItems: [ + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "اخبار و گزارشات سال 1399", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + ], }, { - name: "فرایند‌های بازرسی", - menuItems: [], + name: "فیلم‌ها وعکس مربوط به حادثه", + menuItems: [ + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "اخبار و گزارشات سال 1399", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + { + title: "فایل‌های مربوط به پارسال", + menuSubItems: [{ subTitle: "فرایند‌های بازرسی" }], + }, + ], }, ], };