diff --git a/src/Views/Home/Main/index.js b/src/Views/Home/Main/index.js index 7ee156a..0bc1ad0 100644 --- a/src/Views/Home/Main/index.js +++ b/src/Views/Home/Main/index.js @@ -6,9 +6,9 @@ import Code from "../../../components/Code"; function Main({ activeComponent }) { return ( -
+
-
+

{activeComponent?.content?.name}

diff --git a/src/Views/Home/Sidebar/index.js b/src/Views/Home/Sidebar/index.js index 1316723..00f672e 100644 --- a/src/Views/Home/Sidebar/index.js +++ b/src/Views/Home/Sidebar/index.js @@ -4,7 +4,7 @@ import { components } from "../../../redux/actions"; function Sidebar({ list, setActive }) { return ( -
+
-
    +
      {list .sort((a, b) => (a.name > b.name ? 1 : -1)) .map((material, index) => ( diff --git a/src/components/CourseList/index.js b/src/components/CourseList/index.js index ceaf587..bc2e9ce 100644 --- a/src/components/CourseList/index.js +++ b/src/components/CourseList/index.js @@ -4,7 +4,7 @@ const CourseChapter = ({ courseTitle, lessonName, grade, chapters }) => { const [selectedLesson, setSelectedLesson] = useState(null); return ( -
      +
      {/* top */}

      {courseTitle}

      @@ -17,7 +17,7 @@ const CourseChapter = ({ courseTitle, lessonName, grade, chapters }) => {
      {/* course title */} {chapters.map((chapter, index) => ( -
      +

      {chapter.title}

      {chapter.duration} @@ -128,5 +128,89 @@ CourseChapter.defaultProps = { }, ], }, + { + title: "فصل اول: مباحث جوشش مواد مذاب در مرکز", + duration: "2:30:13", + lessons: [ + { + title: "آیا گوگل از ما دزدی میکند؟", + duration: "14:30", + play: "پخش", + passed: true, + }, + { + title: "چگونگی ساخت نیروگاه های برقی", + duration: "22:31", + play: "در حال پخش", + passed: true, + }, + { + title: "آیا از اینترنت می توان درآمد داشت؟", + duration: "10:09", + play: "نمایش", + passed: false, + }, + { + title: "زمین سبز و آسمان آبی", + duration: "56:09", + play: "نمایش", + passed: false, + }, + ], + }, + { + title: "فصل اول: مباحث جوشش مواد مذاب در مرکز", + duration: "2:30:13", + lessons: [ + { + title: "آیا گوگل از ما دزدی میکند؟", + duration: "14:30", + play: "پخش", + passed: true, + }, + { + title: "چگونگی ساخت نیروگاه های برقی", + duration: "22:31", + play: "در حال پخش", + passed: true, + }, + { + title: "آیا از اینترنت می توان درآمد داشت؟", + duration: "10:09", + play: "نمایش", + passed: true, + }, + { + title: "زمین سبز و آسمان آبی", + duration: "56:09", + play: "نمایش", + passed: true, + }, + { + title: "آیا گوگل از ما دزدی میکند؟", + duration: "14:30", + play: "پخش", + passed: true, + }, + { + title: "چگونگی ساخت نیروگاه های برقی", + duration: "22:31", + play: "در حال پخش", + passed: true, + }, + { + title: "آیا از اینترنت می توان درآمد داشت؟", + duration: "10:09", + play: "نمایش", + passed: true, + }, + { + title: "زمین سبز و آسمان آبی", + duration: "56:09", + play: "نمایش", + passed: false, + }, + ], + }, ], }; diff --git a/src/index.scss b/src/index.scss index 602e796..010b87e 100644 --- a/src/index.scss +++ b/src/index.scss @@ -473,7 +473,7 @@ $red: #e92424; .scrollYDesign::-webkit-scrollbar-thumb { border-radius: 10px; - background-color: #b9d1f3; + background-color: #80b2f7; } .scrollYDesign::-webkit-scrollbar-track {