From d057c1d2e7bc7c086e2c59aaae940b016f12eb0b Mon Sep 17 00:00:00 2001 From: mahdi Date: Thu, 7 Jul 2022 18:54:12 +0430 Subject: [PATCH] update App.js, src/components/Accordion/index.js and src/components/Card/index.js --- src/App.js | 1 + src/components/Accordion/index.js | 192 +++--------------------------- src/components/Card/index.js | 2 +- 3 files changed, 21 insertions(+), 174 deletions(-) diff --git a/src/App.js b/src/App.js index 76d3ff5..064a738 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,5 @@ import "./App.scss"; +import Accordion from "./components/Accordion"; import Card from "./components/Card"; function App() { diff --git a/src/components/Accordion/index.js b/src/components/Accordion/index.js index 6c45126..19633d6 100644 --- a/src/components/Accordion/index.js +++ b/src/components/Accordion/index.js @@ -11,17 +11,6 @@ const finalSpaceCharacters = [ "بخش اول: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید؟", video: 4, min: 30, - subItems: [ - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", - }, - { - name: "شرکت های بزرگ خیلی خوب هستند", - }, - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", - }, - ], }, { id: "garfdsy", @@ -30,84 +19,20 @@ const finalSpaceCharacters = [ "بخش اول: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید؟", video: 4, min: 30, - subItems: [ - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", - }, - { - name: "شرکت های بزرگ خیلی خوب هستند", - }, - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", - }, - ], }, { id: "kvn", name: "KVN", - thumb: "/images/kvn.png", test: "mahdi", title: "بخش دوم: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید2؟", video: 4, min: 30, - - subItems: [ - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", - }, - { - name: "شرکت های بزرگ خیلی خوب هستند", - }, - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", - }, - ], - }, - { - id: "mooncake", - name: "Mooncake", - thumb: "/images/kvn.png", - test: "mahdi", - title: - "بخش سوم: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید3؟", - video: 4, - min: 30, - subItems: [ - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", - }, - { - name: "شرکت های بزرگ خیلی خوب هستند", - }, - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", - }, - ], - }, - { - id: "garfsddsfy", - test: "mahdi", - title: - "بخش اول: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید؟", - video: 4, - min: 30, - subItems: [ - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", - }, - { - name: "شرکت های بزرگ خیلی خوب هستند", - }, - { - name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", - }, - ], }, ]; function Accordion({ vod }) { - const [activeAccordion, setActiveAccordion] = useState(null); + // const [activeAccordion, setActiveAccordion] = useState(null); const [characters, updateCharacters] = useState(finalSpaceCharacters); function handleOnDragEnd(result) { @@ -121,12 +46,12 @@ function Accordion({ vod }) { } return ( -
+
{(provided) => (
- {/* parent */} -
- setActiveAccordion( - activeAccordion === item ? null : item - ) - } - className={`flex flex-row items-center justify-between px-3 py-4 border-b-2 ${ - activeAccordion === item - ? "border-primary" - : "border-gray-100" - } cursor-pointer`} - > - -

- {item.title} -

- {vod && ( -
-

- دقیقه: - {item.min} -

-
-

- ویدیو: - {item.video} -

-
- )} +
-
{" "} - {/* child */} - {activeAccordion === item && - item.subItems.map((subItem, i) => ( -
-
- {vod === !true && ( - line - )} - - {i + 1} - -
-
-

- {subItem.name} -

-
- {vod ? ( - <> -
-

- دقیقه: - {item.min} -

-
- - ) : ( - <> - delete-button - edit-button - - )} -
+
+

+ {item.title} +

+
+
- ))} +
+
+ {provided.placeholder}
)} ))} - {provided.placeholder}
)} diff --git a/src/components/Card/index.js b/src/components/Card/index.js index 7524923..c40015a 100644 --- a/src/components/Card/index.js +++ b/src/components/Card/index.js @@ -18,7 +18,7 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => { > {process.color && ( )}