From e5914bc548fbf86243699247bdf2009c248c0d22 Mon Sep 17 00:00:00 2001 From: mahdi Date: Thu, 7 Jul 2022 19:12:46 +0430 Subject: [PATCH] update App.js and src/components/Accordion/index.js --- src/App.js | 1 - src/components/Accordion/index.js | 91 +++++++++++++++++++++++++++---- 2 files changed, 81 insertions(+), 11 deletions(-) diff --git a/src/App.js b/src/App.js index 064a738..76d3ff5 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,4 @@ 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 19633d6..41894c0 100644 --- a/src/components/Accordion/index.js +++ b/src/components/Accordion/index.js @@ -1,7 +1,5 @@ import React, { useState } from "react"; import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd"; -import CircleInCircle from "../CircleInCircle"; -import Button from "../Button"; const finalSpaceCharacters = [ { @@ -11,6 +9,17 @@ const finalSpaceCharacters = [ "بخش اول: فصل اول جدایی و رهایی: آیا بازگشت نزدیک است؟ دیگران چه می گونید؟", video: 4, min: 30, + subItems: [ + { + name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟", + }, + { + name: "شرکت های بزرگ خیلی خوب هستند", + }, + { + name: "چگونه با رژیم مناسب بدن سالم تری داشته باشیم؟ ", + }, + ], }, { id: "garfdsy", @@ -19,20 +28,83 @@ 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 [characters, updateCharacters] = useState(finalSpaceCharacters); function handleOnDragEnd(result) { @@ -69,22 +141,21 @@ function Accordion({ vod }) {
-

+

{item.title} -

-
+

+
- {provided.placeholder} )}