diff --git a/package.json b/package.json
index ed21bc6..7b1098c 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,9 @@
"dependencies": {
"3d-react-carousal": "^4.0.2",
"@babel/core": "7.12.3",
- "@material-ui/core": "^4.12.3",
- "@material-ui/icons": "^4.11.2",
+ "@emotion/react": "^11.4.1",
+ "@mui/icons-material": "^5.0.0",
+ "@mui/material": "^5.0.0",
"@pmmmwh/react-refresh-webpack-plugin": "0.4.3",
"@svgr/webpack": "5.5.0",
"@testing-library/jest-dom": "^5.11.4",
diff --git a/src/App.css b/src/App.css
index fadf1cf..59057dd 100644
--- a/src/App.css
+++ b/src/App.css
@@ -14,6 +14,15 @@
}
}
+.MuiRating-root{
+ direction: ltr !important;
+}
+
+.MuiBreadcrumbs-ol{
+ display: flex !important;
+ align-items: center !important;
+}
+
.App-header {
background-color: #282c34;
min-height: 100vh;
diff --git a/src/assets/icons/bookmark.png b/src/assets/icons/bookmark.png
new file mode 100644
index 0000000..814c4d4
Binary files /dev/null and b/src/assets/icons/bookmark.png differ
diff --git a/src/assets/icons/chat.png b/src/assets/icons/chat.png
new file mode 100644
index 0000000..6ff2acb
Binary files /dev/null and b/src/assets/icons/chat.png differ
diff --git a/src/assets/icons/document.png b/src/assets/icons/document.png
new file mode 100644
index 0000000..14d2e60
Binary files /dev/null and b/src/assets/icons/document.png differ
diff --git a/src/assets/icons/lock.png b/src/assets/icons/lock.png
new file mode 100644
index 0000000..590a856
Binary files /dev/null and b/src/assets/icons/lock.png differ
diff --git a/src/assets/icons/play.png b/src/assets/icons/play.png
new file mode 100644
index 0000000..ab4c8a2
Binary files /dev/null and b/src/assets/icons/play.png differ
diff --git a/src/assets/icons/slide.png b/src/assets/icons/slide.png
new file mode 100644
index 0000000..ffbc3df
Binary files /dev/null and b/src/assets/icons/slide.png differ
diff --git a/src/assets/icons/white-dropdown.png b/src/assets/icons/white-dropdown.png
new file mode 100644
index 0000000..29eb657
Binary files /dev/null and b/src/assets/icons/white-dropdown.png differ
diff --git a/src/assets/icons/white-play.png b/src/assets/icons/white-play.png
new file mode 100644
index 0000000..7c0e350
Binary files /dev/null and b/src/assets/icons/white-play.png differ
diff --git a/src/components/BreadCrumbs/index.scss b/src/components/BreadCrumbs/index.scss
new file mode 100644
index 0000000..e10f243
--- /dev/null
+++ b/src/components/BreadCrumbs/index.scss
@@ -0,0 +1,8 @@
+.MuiBreadcrumbs-li{
+ a {
+ text-decoration: none;
+ font-family: numeralLight;
+ color: #6F7074;
+ letter-spacing: -1px;
+ }
+}
diff --git a/src/components/BreadCrumbs/index.tsx b/src/components/BreadCrumbs/index.tsx
new file mode 100644
index 0000000..6b86eb9
--- /dev/null
+++ b/src/components/BreadCrumbs/index.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import Breadcrumbs from "@mui/material/Breadcrumbs";
+import { Link } from "react-router-dom";
+
+import "./index.scss";
+
+export default function BreadCrumbs(props: any) {
+ const { links } = props;
+ return (
+
+ {links.map((item: any, i: any) => (
+ {item.name}
+ ))}
+
+ );
+}
diff --git a/src/components/Input/index.js b/src/components/Input/index.js
index 1c74aed..3bd279d 100644
--- a/src/components/Input/index.js
+++ b/src/components/Input/index.js
@@ -1,6 +1,6 @@
import React from "react";
-import TextField from "@material-ui/core/TextField";
-import { makeStyles } from "@material-ui/core/styles";
+import TextField from "@mui/material/TextField";
+import { makeStyles } from "@mui/material/styles";
export default function FormPropsTextFields(props) {
const useStyles = makeStyles((theme) => ({
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index fdf193a..114dddb 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -1,6 +1,6 @@
import React from "react";
import "./index.scss";
-import MenuRoundedIcon from "@material-ui/icons/MenuRounded";
+import MenuRoundedIcon from "@mui/icons-material/MenuRounded";
import { Link } from "react-router-dom";
export default function Navbar() {
diff --git a/src/components/StyledRating/index.tsx b/src/components/StyledRating/index.tsx
new file mode 100644
index 0000000..a07d24f
--- /dev/null
+++ b/src/components/StyledRating/index.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import StarIcon from '@mui/icons-material/Star';
+import Rating from '@mui/material/Rating';
+
+
+
+export default function StyledRating(props : any) {
+ const {rate} = props;
+ return (
+ <>
+ }
+ emptyIcon={ }
+ />
+ >
+ )
+}
diff --git a/src/redux/reducers/book.tsx b/src/redux/reducers/book.tsx
index 4fd7800..637f49e 100644
--- a/src/redux/reducers/book.tsx
+++ b/src/redux/reducers/book.tsx
@@ -11,6 +11,180 @@ const initialState = {
subjects: [],
levels: [],
sortFilters: ["مرتب سازی", "محبوب ترین", "جدیدترین"],
+ mockLessons : [
+ {
+ id : 0,
+ title : "درس اول : چگونه با نیاندیشن آینده خود و اطرافیانمان را نابود کنیم؟ ",
+ duration: 256,
+ active : true,
+ files : [
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ {
+ type : 'document',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ ]
+ },
+ {
+ id : 1,
+ title : "درس اول : چگونه با نیاندیشن آینده خود و اطرافیانمان را نابود کنیم؟ ",
+ duration: 256,
+ active : false,
+ files : [
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ ]
+ },
+ {
+ id : 2,
+ title : "درس اول : چگونه با نیاندیشن آینده خود و اطرافیانمان را نابود کنیم؟ ",
+ duration: 256,
+ active : false,
+ files : [
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ ]
+ },
+ {
+ id : 3,
+ title : "درس اول : چگونه با نیاندیشن آینده خود و اطرافیانمان را نابود کنیم؟ ",
+ duration: 256,
+ active : false,
+ files : [
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : true
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : true,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ {
+ type : 'video',
+ name : 'مقدمه ای جالب و قابل تامل مترجم کتاب',
+ duration : '1:40:00',
+ view : false,
+ download : false
+ },
+ ]
+ }
+ ]
};
const grades = [
diff --git a/src/router.tsx b/src/router.tsx
index bd16c3c..4b7d5b9 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -8,7 +8,7 @@ import {
import Auth from './views/Auth/index';
import Home from "./views/Home/index";
-
+import Course from "./views/Course/index";
function router(){
return (
@@ -26,6 +26,9 @@ function router(){
+
+
+
);
diff --git a/src/views/Auth/Login/index.tsx b/src/views/Auth/Login/index.tsx
index 80fcd7f..fe8a339 100644
--- a/src/views/Auth/Login/index.tsx
+++ b/src/views/Auth/Login/index.tsx
@@ -2,9 +2,9 @@ import React, { useState } from "react";
import Navbar from "../../../components/Navbar/index";
import Footer from "../../../views/Home/Footer/index";
import Input from "../../../components/Input/index";
-import Checkbox from "@material-ui/core/Checkbox";
-import CheckBoxOutlineBlankTwoToneIcon from "@material-ui/icons/CheckBoxOutlineBlankTwoTone";
-import CheckBoxRoundedIcon from "@material-ui/icons/CheckBoxRounded";
+import Checkbox from "@mui/material/Checkbox";
+import CheckBoxOutlineBlankTwoToneIcon from "@mui/icons-material/CheckBoxOutlineBlankTwoTone";
+import CheckBoxRoundedIcon from "@mui/icons-material/CheckBoxRounded";
import { Link } from "react-router-dom";
import arrow from "../../../assets/icons/dropdown.png";
diff --git a/src/views/Course/Lesson/index.scss b/src/views/Course/Lesson/index.scss
new file mode 100644
index 0000000..5eceaf4
--- /dev/null
+++ b/src/views/Course/Lesson/index.scss
@@ -0,0 +1,87 @@
+.lesson {
+ header {
+ background-color: #414141;
+ border: 1px solid #b3b3b3 !important;
+ padding: 15px !important;
+ h4 {
+ color: #9cdf52;
+ margin: 0px;
+
+ }
+ div {
+ color: #cccccc;
+ }
+ img{
+ width: 40px;
+ }
+ }
+ &__files{
+ padding: 30px 15px 20px !important;
+ border-left: 1px solid #b3b3b3;
+ border-right: 1px solid #b3b3b3;
+ border-bottom: 1px solid #b3b3b3;
+ & img{
+ width: 40px;
+ }
+ &--sample{
+ margin-bottom: 15px;
+ color: white;
+ li{
+ text-align: center;
+ }
+ h5{
+ margin-right: 30px;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1441px) {
+ .lesson {
+ header {
+ h4 {
+ font-size: 21px;
+ margin-right: 30px;
+ }
+ div {
+ font-size: 18px;
+ }
+ }
+ &__files{
+ &--sample{
+ li{
+ width : 120px;
+ font-size: 19px;
+ }
+ h5{
+ font-size: 19px;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1008px) and (max-width: 1440px) {
+ .lesson {
+ header {
+ h4 {
+ font-size: calc(100vw / 75);
+ margin-right: 30px;
+ }
+ div {
+ font-size: calc(100vw / 80);
+ }
+ }
+ &__files{
+ &--sample{
+ li{
+ width : 120px;
+ font-size: calc(100vw / 75);
+ }
+ h5{
+ font-size: calc(100vw/ 75);
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/Course/Lesson/index.tsx b/src/views/Course/Lesson/index.tsx
new file mode 100644
index 0000000..61743d4
--- /dev/null
+++ b/src/views/Course/Lesson/index.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import whiteDropdown from "../../../assets/icons/white-dropdown.png";
+import whitePlay from "../../../assets/icons/white-play.png";
+import document from "../../../assets/icons/document.png";
+import lock from "../../../assets/icons/lock.png";
+import './index.scss';
+
+export default function Lesson(props : any) {
+ const {lesson} = props;
+ return (
+
+
+ {
+ lesson.active &&
+ {
+ lesson.files.map((data:any, i:any) => (
+
+
+ {
+ data.type === 'video' &&
+ }
+ {
+ data.type === 'document' &&
+ }
+
{data.name}
+
+
+ {data.type !== 'document' && data.duration}
+
+ {
+ data.view && 'مشاهده'
+ }
+
+
+ {
+ data.download ? 'دانلود' :
+ }
+
+
+
+ ))
+ }
+
+ }
+
+
+ )
+}
diff --git a/src/views/Course/index.scss b/src/views/Course/index.scss
new file mode 100644
index 0000000..e495c4a
--- /dev/null
+++ b/src/views/Course/index.scss
@@ -0,0 +1,288 @@
+.course{
+ background: hsla(0, 0%, 31%, 1);
+ background: linear-gradient(
+ 90deg,
+ hsla(0, 0%, 31%, 1) 0%,
+ hsla(0, 0%, 0%, 1) 100%
+ );
+ background: -moz-linear-gradient(
+ 90deg,
+ hsla(0, 0%, 31%, 1) 0%,
+ hsla(0, 0%, 0%, 1) 100%
+ );
+ background: -webkit-linear-gradient(
+ 90deg,
+ hsla(0, 0%, 31%, 1) 0%,
+ hsla(0, 0%, 0%, 1) 100%
+ );
+ width: 100%;
+ overflow-x: hidden;
+ padding-top: 60px;
+ min-height: 100vh;
+ font-family: numeralLight;
+ &-container{
+ margin: 0px auto;
+ width: 100%;
+ header{
+ padding: 70px 0px 45px;
+ border-bottom:3px solid #4a4a4a;
+
+ }
+ &__info{
+ &--image{
+ margin-left: 20px;
+ img{
+ border-top-left-radius: 9px;
+ border-top-right-radius: 9px;
+ border-bottom-right-radius: 9px;
+ border-bottom-left-radius: 24px;
+ }
+ }
+ &--description{
+ padding-top: 5px;
+ a{
+ color: #424242;
+ }
+ li{
+ color: #424242;
+ }
+ h1{
+ color: white;
+ margin-top: 12px;
+ }
+ p{
+ color: #D3D3D3;
+ margin-top: 25px;
+ }
+ .course-info-items{
+ padding: 10px;
+ background-color: #08793d23;
+ border-radius: 10px;
+ i{
+ color: #4DD35B;
+ }
+ }
+ }
+ }
+ &__options{
+ &--rate{
+ border: 2px solid #707070;
+ box-shadow: 0px 0px 39px #f7ff01b3;
+ border-radius: 15px;
+ padding-top: 20px;
+ color: white;
+ }
+ &--button{
+ background-color: #313131;
+ border: 1px solid #707070;
+ color: white;
+ padding: 8px;
+ text-align: center;
+ margin-top: 15px;
+ &:hover{
+ color: white;
+ }
+ }
+ }
+ &__list{
+ margin-bottom: 30px;
+ border-radius: 10px;
+
+ header{
+ padding: 40px 0px 20px;
+ border: 0px;
+ h2{
+ color: #4DD35B;
+ }
+ p{
+ color: #707070;
+ }
+ }
+ }
+ }
+}
+
+
+@media screen and (min-width: 1441px) {
+ .course{
+ &-container {
+ max-width: 1350px;
+ &__info{
+ flex: 4;
+ &--image{
+ img{
+ width: 320px;
+ height: 420px;
+ }
+ }
+ &--description{
+ a{
+ font-size: 17px;
+ }
+ li{
+ font-size: 17px;
+ }
+ h1{
+ font-size: 50px;
+ }
+ p{
+ font-size: 16px;
+ }
+ .course-info-items{
+ width: 220px;
+ margin-top: 20px;
+ & img{
+ margin-left: 5px;
+ width : 50px;
+ }
+ i{
+ font-size: 18px;
+ font-family: numeralLight;
+ }
+ p{
+ font-size: 14px;
+ margin: 0px;
+ }
+ }
+ }
+ }
+ &__options{
+ flex: 2;
+ &--rate{
+ width: 315px;
+ height: 200px;
+ margin-bottom: 30px;
+ &__number{
+ div{
+ font-size: 20px;
+ }
+ i{
+ font-size: 15px;
+ }
+ b{
+ font-size: 50px;
+ }
+ span{
+ font-size: 18px;
+ transform: translateY(4px);
+ margin-right: 10px;
+ }
+ }
+ h2{
+ margin-top: 15px;
+ font-size: 20px;
+ }
+
+ }
+ &--button{
+ width: 315px;
+ height: 66px;
+ padding: 0px 30px;
+ font-size: 18px;
+ border-radius: 40px;
+ }
+ }
+ &__list{
+ header{
+ h2{
+ font-size: 25px;
+ }
+ p{
+ font-size: 13px;
+ }
+ }
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1008px) and (max-width: 1440px) {
+ .course{
+ &-container {
+ max-width: 1250px;
+ padding: 0px 10px;
+ &__info{
+ flex: 3;
+ &--image{
+ img{
+ width: 250px;
+ height: 380px;
+ }
+ }
+ &--description{
+ a{
+ font-size: calc(100vw / 90);
+ }
+ li{
+ font-size: calc(100vw / 90);
+ }
+ h1{
+ font-size: calc(100vw / 40);
+ }
+ p{
+ font-size: calc(100vw / 80);;
+ }
+ .course-info-items{
+ width: 45%;
+ margin-top: 20px;
+ & img{
+ margin-left: 10px;
+ width : 45px;
+ }
+ i{
+ font-size: calc(100vw / 95);
+ font-family: numeralLight;
+ }
+ p{
+ font-size: calc(100vw / 100);
+ margin: 0px;
+ }
+ }
+ }
+ }
+ &__options{
+ flex: 2;
+ &--rate{
+ width: 70%;
+ height: 160px;
+ margin-bottom: 30px;
+ &__number{
+ i{
+ font-size: calc(100vw / 100);
+ }
+ b{
+ font-size: calc(100vw / 50);
+ }
+ span{
+ font-size: 18px;
+ transform: translateY(4px);
+ margin-right: 10px;
+ }
+ }
+ h2{
+ margin-top: 5px;
+ font-size: calc(100vw / 80);
+ }
+
+ }
+ &--button{
+ width: 70%;
+ height: 59px;
+ padding: 0px 30px;
+ font-size: calc(100vw / 75);
+ border-radius: 40px;
+ }
+ }
+ &__list{
+ header{
+ h2{
+ font-size: calc(100vw / 65);
+ }
+ p{
+ font-size: calc(100vw / 100);
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/views/Course/index.tsx b/src/views/Course/index.tsx
new file mode 100644
index 0000000..547a2c3
--- /dev/null
+++ b/src/views/Course/index.tsx
@@ -0,0 +1,132 @@
+import React, { useState, useEffect } from "react";
+import axios from "axios";
+import Navbar from "../../components/Navbar/index";
+import Footer from "../../views/Home/Footer/index";
+import BreadCrumbs from "../../components/BreadCrumbs";
+import Lesson from "./Lesson/index";
+import { Link } from "react-router-dom";
+import chat from "../../assets/icons/chat.png";
+import slide from "../../assets/icons/slide.png";
+import play from "../../assets/icons/play.png";
+import bookmark from "../../assets/icons/bookmark.png";
+import StyledRating from "../../components/StyledRating/index";
+import { connect, useSelector } from "react-redux";
+
+import "./index.scss";
+
+function Course({ lessons }: any) {
+ const [links, setLinks] = useState([
+ { link: "/", name: "صفحه اصلی" },
+ { link: "/courses", name: "دورهها" },
+ { link: "/courses/2", name: "نام کتاب" },
+ ]);
+ const [course, setCourse] = useState(undefined);
+ useEffect(() => {
+ axios
+ .get("https://jsonplaceholder.typicode.com/photos/1")
+ .then((res: any) => {
+ setCourse(res.data);
+ })
+ .catch((err) => {
+ console.log(err);
+ });
+ }, []);
+
+ const InfoItems = (props: any) => {
+ return (
+
+
+
+
+ );
+ };
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
{course?.title?.slice(0, 25)}
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+ استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و
+ مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی
+ تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای
+ کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و
+ آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم
+ افزارها شناخت بیشتری دارد.
+
+
+
+
+
+
+
{240} ساعت درس
+
در این قسمت توضیحی
+
+
+
+
+
+
ارتباط با استاد
+
در این قسمت توضیحی
+
+
+
+
+
+
+
+
+
+ 10
+ /2
+
+
از 288 رای
+
+
+
میانگین رای کاربران
+
+
+ اضافه کردن به علاقهمندیها
+
+
+
+ مشاهده پیشنمایش دوره
+
+
+
+
+
+
+ {lessons.map((lesson: any, i: any) => (
+
+ ))}
+
+
+
+
+ );
+}
+
+export default connect(
+ (state: any) => ({
+ lessons: state.book.mockLessons,
+ }),
+ {}
+)(Course);
diff --git a/src/views/Home/Courses/Course/index.tsx b/src/views/Home/Courses/Course/index.tsx
index ca9041e..4600192 100644
--- a/src/views/Home/Courses/Course/index.tsx
+++ b/src/views/Home/Courses/Course/index.tsx
@@ -1,6 +1,7 @@
import React from "react";
-import Avatar from "@material-ui/core/Avatar";
+import Avatar from "@mui/material/Avatar";
import {Link} from 'react-router-dom';
+
import "./index.scss";
export default function Course(props: any) {
diff --git a/src/views/Home/Courses/index.tsx b/src/views/Home/Courses/index.tsx
index 3afb9b9..e78a700 100644
--- a/src/views/Home/Courses/index.tsx
+++ b/src/views/Home/Courses/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
import Carousel from "react-elastic-carousel";
import Course from "./Course/index";
import { Link } from "react-router-dom";
-import ExpandMoreRoundedIcon from "@material-ui/icons/ExpandMoreRounded";
+import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
import "./index.scss";
export default function Courses(props: any) {
diff --git a/src/views/Home/Header/index.tsx b/src/views/Home/Header/index.tsx
index 5a23dd8..448bd72 100644
--- a/src/views/Home/Header/index.tsx
+++ b/src/views/Home/Header/index.tsx
@@ -1,6 +1,6 @@
import React from "react";
import "./index.scss";
-import Avatar from '@material-ui/core/Avatar';
+import Avatar from '@mui/material/Avatar';
export default function Header(props: any) {
const { headerData } = props;
diff --git a/yarn.lock b/yarn.lock
index 2c6f84e..a277904 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1172,7 +1172,7 @@
dependencies:
regenerator-runtime "^0.13.4"
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.8", "@babel/runtime@^7.3.1", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
version "7.15.4"
resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz"
integrity sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==
@@ -1284,6 +1284,17 @@
"@emotion/utils" "0.11.3"
"@emotion/weak-memoize" "0.2.5"
+"@emotion/cache@^11.4.0":
+ version "11.4.0"
+ resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.4.0.tgz#293fc9d9a7a38b9aad8e9337e5014366c3b09ac0"
+ integrity sha512-Zx70bjE7LErRO9OaZrhf22Qye1y4F7iDl+ITjet0J+i+B88PrAOBkKvaAWhxsZf72tDLajwCgfCjJ2dvH77C3g==
+ dependencies:
+ "@emotion/memoize" "^0.7.4"
+ "@emotion/sheet" "^1.0.0"
+ "@emotion/utils" "^1.0.0"
+ "@emotion/weak-memoize" "^0.2.5"
+ stylis "^4.0.3"
+
"@emotion/core@^10.0.7":
version "10.1.1"
resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3"
@@ -1317,11 +1328,36 @@
dependencies:
"@emotion/memoize" "0.7.4"
+"@emotion/is-prop-valid@^1.1.0":
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.1.0.tgz#29ef6be1e946fb4739f9707def860f316f668cde"
+ integrity sha512-9RkilvXAufQHsSsjQ3PIzSns+pxuX4EW8EbGeSPjZMHuMx6z/MOzb9LpqNieQX4F3mre3NWS2+X3JNRHTQztUQ==
+ dependencies:
+ "@emotion/memoize" "^0.7.4"
+
"@emotion/memoize@0.7.4":
version "0.7.4"
resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+"@emotion/memoize@^0.7.4":
+ version "0.7.5"
+ resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
+ integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
+
+"@emotion/react@^11.4.1":
+ version "11.4.1"
+ resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.4.1.tgz#a1b0b767b5bad57515ffb0cad9349614d27f4d57"
+ integrity sha512-pRegcsuGYj4FCdZN6j5vqCALkNytdrKw3TZMekTzNXixRg4wkLsU5QEaBG5LC6l01Vppxlp7FE3aTHpIG5phLg==
+ dependencies:
+ "@babel/runtime" "^7.13.10"
+ "@emotion/cache" "^11.4.0"
+ "@emotion/serialize" "^1.0.2"
+ "@emotion/sheet" "^1.0.2"
+ "@emotion/utils" "^1.0.0"
+ "@emotion/weak-memoize" "^0.2.5"
+ hoist-non-react-statics "^3.3.1"
+
"@emotion/serialize@^0.11.15", "@emotion/serialize@^0.11.16":
version "0.11.16"
resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.16.tgz#dee05f9e96ad2fb25a5206b6d759b2d1ed3379ad"
@@ -1333,11 +1369,27 @@
"@emotion/utils" "0.11.3"
csstype "^2.5.7"
+"@emotion/serialize@^1.0.2":
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
+ integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
+ dependencies:
+ "@emotion/hash" "^0.8.0"
+ "@emotion/memoize" "^0.7.4"
+ "@emotion/unitless" "^0.7.5"
+ "@emotion/utils" "^1.0.0"
+ csstype "^3.0.2"
+
"@emotion/sheet@0.9.4":
version "0.9.4"
resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.4.tgz#894374bea39ec30f489bbfc3438192b9774d32e5"
integrity sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA==
+"@emotion/sheet@^1.0.0", "@emotion/sheet@^1.0.2":
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.0.2.tgz#1d9ffde531714ba28e62dac6a996a8b1089719d0"
+ integrity sha512-QQPB1B70JEVUHuNtzjHftMGv6eC3Y9wqavyarj4x4lg47RACkeSfNo5pxIOKizwS9AEFLohsqoaxGQj4p0vSIw==
+
"@emotion/styled-base@^10.0.27":
version "10.0.31"
resolved "https://registry.yarnpkg.com/@emotion/styled-base/-/styled-base-10.0.31.tgz#940957ee0aa15c6974adc7d494ff19765a2f742a"
@@ -1361,7 +1413,7 @@
resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
-"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4":
+"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4", "@emotion/unitless@^0.7.5":
version "0.7.5"
resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
@@ -1371,7 +1423,12 @@
resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.3.tgz#a759863867befa7e583400d322652a3f44820924"
integrity sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw==
-"@emotion/weak-memoize@0.2.5":
+"@emotion/utils@^1.0.0":
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.0.0.tgz#abe06a83160b10570816c913990245813a2fd6af"
+ integrity sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==
+
+"@emotion/weak-memoize@0.2.5", "@emotion/weak-memoize@^0.2.5":
version "0.2.5"
resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
@@ -1622,76 +1679,91 @@
"@types/yargs" "^16.0.0"
chalk "^4.0.0"
-"@material-ui/core@^4.12.3":
- version "4.12.3"
- resolved "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz"
- integrity sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==
- dependencies:
- "@babel/runtime" "^7.4.4"
- "@material-ui/styles" "^4.11.4"
- "@material-ui/system" "^4.12.1"
- "@material-ui/types" "5.1.0"
- "@material-ui/utils" "^4.11.2"
- "@types/react-transition-group" "^4.2.0"
- clsx "^1.0.4"
- hoist-non-react-statics "^3.3.2"
- popper.js "1.16.1-lts"
+"@mui/core@5.0.0-alpha.47":
+ version "5.0.0-alpha.47"
+ resolved "https://registry.yarnpkg.com/@mui/core/-/core-5.0.0-alpha.47.tgz#68d044a5e81fa0f752b8c8a7b40deec04925beab"
+ integrity sha512-/GCIWOq+ydeY8HTWexrvQw7OsmRRvdzW+BB4vQ+V6alaECKSXPQrTDuQtd+lgI2il4p7uhPIKIqjcaAZ/FaNHA==
+ dependencies:
+ "@babel/runtime" "^7.14.8"
+ "@emotion/is-prop-valid" "^1.1.0"
+ "@mui/utils" "^5.0.0"
+ clsx "^1.1.1"
prop-types "^15.7.2"
- react-is "^16.8.0 || ^17.0.0"
- react-transition-group "^4.4.0"
+ react-is "^17.0.2"
-"@material-ui/icons@^4.11.2":
- version "4.11.2"
- resolved "https://registry.npmjs.org/@material-ui/icons/-/icons-4.11.2.tgz"
- integrity sha512-fQNsKX2TxBmqIGJCSi3tGTO/gZ+eJgWmMJkgDiOfyNaunNaxcklJQFaFogYcFl0qFuaEz1qaXYXboa/bUXVSOQ==
+"@mui/icons-material@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.0.0.tgz#f6282b6044d221d80729bffe976ede2072c8d313"
+ integrity sha512-Vl5pMIdD1MC+LVBEKDQkWeoU/0mdxx/WLBuTVo5y2yzOzEp8gcwkegtiUyN1gubiXcqzNNZQNvJ6/YSdFRr84Q==
dependencies:
- "@babel/runtime" "^7.4.4"
+ "@babel/runtime" "^7.14.8"
-"@material-ui/styles@^4.11.4":
- version "4.11.4"
- resolved "https://registry.npmjs.org/@material-ui/styles/-/styles-4.11.4.tgz"
- integrity sha512-KNTIZcnj/zprG5LW0Sao7zw+yG3O35pviHzejMdcSGCdWbiO8qzRgOYL8JAxAsWBKOKYwVZxXtHWaB5T2Kvxew==
- dependencies:
- "@babel/runtime" "^7.4.4"
- "@emotion/hash" "^0.8.0"
- "@material-ui/types" "5.1.0"
- "@material-ui/utils" "^4.11.2"
- clsx "^1.0.4"
- csstype "^2.5.2"
+"@mui/material@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.0.0.tgz#e5397b7778615933cabee7918230b9e7019ff1b9"
+ integrity sha512-XZNPYQocFyS2Q8Wc7PMudazKa8VDaXADK9PxUfOF6Q0GQNXjLkOn1vRWlyF9EOZQ4QLbgJHyHDlH7ELBN0CA0w==
+ dependencies:
+ "@babel/runtime" "^7.14.8"
+ "@mui/core" "5.0.0-alpha.47"
+ "@mui/system" "^5.0.0"
+ "@mui/types" "^7.0.0"
+ "@mui/utils" "^5.0.0"
+ "@popperjs/core" "^2.4.4"
+ "@types/react-transition-group" "^4.4.2"
+ clsx "^1.1.1"
+ csstype "^3.0.8"
hoist-non-react-statics "^3.3.2"
- jss "^10.5.1"
- jss-plugin-camel-case "^10.5.1"
- jss-plugin-default-unit "^10.5.1"
- jss-plugin-global "^10.5.1"
- jss-plugin-nested "^10.5.1"
- jss-plugin-props-sort "^10.5.1"
- jss-plugin-rule-value-function "^10.5.1"
- jss-plugin-vendor-prefixer "^10.5.1"
prop-types "^15.7.2"
+ react-is "^17.0.2"
+ react-transition-group "^4.4.2"
-"@material-ui/system@^4.12.1":
- version "4.12.1"
- resolved "https://registry.npmjs.org/@material-ui/system/-/system-4.12.1.tgz"
- integrity sha512-lUdzs4q9kEXZGhbN7BptyiS1rLNHe6kG9o8Y307HCvF4sQxbCgpL2qi+gUk+yI8a2DNk48gISEQxoxpgph0xIw==
+"@mui/private-theming@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.0.0.tgz#db89a0efb536bd68f258c0313ba33d2bd3a08ae4"
+ integrity sha512-xCaQss6B6EyEPxyn/vv5CwidqihrF6AJlrCYDgOAqYHtCgBhzMjWhh/n4L3jlrt4SmE+STHD2FdA8DImpEgItg==
dependencies:
- "@babel/runtime" "^7.4.4"
- "@material-ui/utils" "^4.11.2"
- csstype "^2.5.2"
+ "@babel/runtime" "^7.14.8"
+ "@mui/utils" "^5.0.0"
prop-types "^15.7.2"
-"@material-ui/types@5.1.0":
- version "5.1.0"
- resolved "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz"
- integrity sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==
+"@mui/styled-engine@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.0.0.tgz#caa1e9c0dd434c3b0c5db32be0e17d8237a4b17d"
+ integrity sha512-JoZLKLB6WoXYPbMNDzz2gC8incY6zyx0dd1jFg3faOzp2NuzEremDbY/Lmo93M22cOjd3cLInoup+Wm7O05d0A==
+ dependencies:
+ "@babel/runtime" "^7.14.8"
+ "@emotion/cache" "^11.4.0"
+ prop-types "^15.7.2"
-"@material-ui/utils@^4.11.2":
- version "4.11.2"
- resolved "https://registry.npmjs.org/@material-ui/utils/-/utils-4.11.2.tgz"
- integrity sha512-Uul8w38u+PICe2Fg2pDKCaIG7kOyhowZ9vjiC1FsVwPABTW8vPPKfF6OvxRq3IiBaI1faOJmgdvMG7rMJARBhA==
+"@mui/system@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.0.0.tgz#ed520742e417aa2b1ad34a7bbaa6ab04758305ef"
+ integrity sha512-CT5HLbQjzPZLMl5EjqY++lVuKVQKGbRNKQtOTpM2ABta6QQSTj/vARbIPYSZnwpDGUyGyzBZp2xfI3X3UNyVOg==
+ dependencies:
+ "@babel/runtime" "^7.14.8"
+ "@mui/private-theming" "^5.0.0"
+ "@mui/styled-engine" "^5.0.0"
+ "@mui/types" "^7.0.0"
+ "@mui/utils" "^5.0.0"
+ clsx "^1.1.1"
+ csstype "^3.0.8"
+ prop-types "^15.7.2"
+
+"@mui/types@^7.0.0":
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.0.0.tgz#a7398502bc9c508875aafcbe28aea599b2c3d203"
+ integrity sha512-M/tkF2pZ4uoPhZ8pnNhlVnOFtz6F3dnYKIsnj8MuXKT6d26IE2u0UjA8B0275ggN74dR9rlHG5xJt5jgDx/Ung==
+
+"@mui/utils@^5.0.0":
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.0.0.tgz#f34887968e506707d45594719202135a160b9193"
+ integrity sha512-WGikt+LTiGadqqKIGRwPVGtOUHchEEN6/af/T6nln8REkE2COY5nUirNc89ciPz1AznwZFzLtDmNkeV3NqUz2w==
dependencies:
- "@babel/runtime" "^7.4.4"
+ "@babel/runtime" "^7.14.8"
+ "@types/prop-types" "^15.7.4"
+ "@types/react-is" "^16.7.1 || ^17.0.0"
prop-types "^15.7.2"
- react-is "^16.8.0 || ^17.0.0"
+ react-is "^17.0.2"
"@nodelib/fs.scandir@2.1.4":
version "2.1.4"
@@ -1734,6 +1806,11 @@
schema-utils "^2.6.5"
source-map "^0.7.3"
+"@popperjs/core@^2.4.4":
+ version "2.10.1"
+ resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.10.1.tgz#728ecd95ab207aab8a9a4e421f0422db329232be"
+ integrity sha512-HnUhk1Sy9IuKrxEMdIRCxpIqPw6BFsbYSEUO9p/hNw5sMld/+3OLMWQP80F8/db9qsv3qUjs7ZR5bS/R+iinXw==
+
"@rollup/plugin-node-resolve@^7.1.1":
version "7.1.3"
resolved "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz"
@@ -2100,7 +2177,7 @@
resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.2.1.tgz"
integrity sha512-DxZZbyMAM9GWEzXL+BMZROWz9oo6A9EilwwOMET2UVu2uZTqMWS5S69KVtuVKaRjCUpcrOXRalet86/OpG4kqw==
-"@types/prop-types@*":
+"@types/prop-types@*", "@types/prop-types@^15.7.4":
version "15.7.4"
resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz"
integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ==
@@ -2117,6 +2194,13 @@
dependencies:
"@types/react" "*"
+"@types/react-is@^16.7.1 || ^17.0.0":
+ version "17.0.2"
+ resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-17.0.2.tgz#abc4d910bff5b0bc6b3e1bec57575f6b63fd4e05"
+ integrity sha512-2+L0ilcAEG8udkDnvx8B0upwXFBbNnVwOsSCTxW3SDOkmar9NyEeLG0ZLa3uOEw9zyYf/fQapcnfXAVmDKlyHw==
+ dependencies:
+ "@types/react" "*"
+
"@types/react-redux@^7.1.16":
version "7.1.18"
resolved "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.18.tgz"
@@ -2144,10 +2228,10 @@
"@types/history" "*"
"@types/react" "*"
-"@types/react-transition-group@^4.2.0":
- version "4.4.2"
- resolved "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.2.tgz"
- integrity sha512-KibDWL6nshuOJ0fu8ll7QnV/LVTo3PzQ9aCPnRUYPfX7eZohHwLIdNHj7pftanREzHNP4/nJa8oeM73uSiavMQ==
+"@types/react-transition-group@^4.4.2":
+ version "4.4.3"
+ resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.3.tgz#b0994da0a7023d67dbb4a8910a62112bc00d5688"
+ integrity sha512-fUx5muOWSYP8Bw2BUQ9M9RK9+W1XBK/7FLJ8PTQpnpTEkn0ccyMffyEQvan4C3h53gHdx7KE5Qrxi/LnUGQtdg==
dependencies:
"@types/react" "*"
@@ -3737,7 +3821,7 @@ cliui@^6.0.0:
strip-ansi "^6.0.0"
wrap-ansi "^6.2.0"
-clsx@^1.0.4, clsx@^1.1.1:
+clsx@^1.1.1:
version "1.1.1"
resolved "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz"
integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==
@@ -4202,14 +4286,6 @@ css-tree@^1.1.2:
mdn-data "2.0.14"
source-map "^0.6.1"
-css-vendor@^2.0.8:
- version "2.0.8"
- resolved "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz"
- integrity sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==
- dependencies:
- "@babel/runtime" "^7.8.3"
- is-in-browser "^1.0.2"
-
css-what@^3.2.1:
version "3.4.2"
resolved "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz"
@@ -4346,11 +4422,6 @@ cssstyle@^2.2.0:
dependencies:
cssom "~0.3.6"
-csstype@^2.5.2:
- version "2.6.17"
- resolved "https://registry.npmjs.org/csstype/-/csstype-2.6.17.tgz"
- integrity sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==
-
csstype@^2.5.7:
version "2.6.18"
resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.18.tgz#980a8b53085f34af313410af064f2bd241784218"
@@ -4361,6 +4432,11 @@ csstype@^3.0.2:
resolved "https://registry.npmjs.org/csstype/-/csstype-3.0.8.tgz"
integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==
+csstype@^3.0.8:
+ version "3.0.9"
+ resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.9.tgz#6410af31b26bd0520933d02cbc64fce9ce3fbf0b"
+ integrity sha512-rpw6JPxK6Rfg1zLOYCSwle2GFOOsnjmDYDaBwEcwoOg4qlsIVCN789VkBZDJAGi4T07gI4YSutR43t9Zz4Lzuw==
+
cyclist@^1.0.1:
version "1.0.1"
resolved "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz"
@@ -4631,7 +4707,7 @@ dom-converter@^0.2:
dom-helpers@^5.0.1:
version "5.2.1"
- resolved "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz"
+ resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
dependencies:
"@babel/runtime" "^7.8.7"
@@ -5987,7 +6063,7 @@ hmac-drbg@^1.0.1:
minimalistic-assert "^1.0.0"
minimalistic-crypto-utils "^1.0.1"
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
version "3.3.2"
resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -6166,11 +6242,6 @@ human-signals@^1.1.1:
resolved "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz"
integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
-hyphenate-style-name@^1.0.3:
- version "1.0.4"
- resolved "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz"
- integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
-
iconv-lite@0.4.24:
version "0.4.24"
resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz"
@@ -6527,11 +6598,6 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
dependencies:
is-extglob "^2.1.1"
-is-in-browser@^1.0.2, is-in-browser@^1.1.3:
- version "1.1.3"
- resolved "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz"
- integrity sha1-Vv9NtoOgeMYILrldrX3GLh0E+DU=
-
is-module@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz"
@@ -7337,76 +7403,6 @@ jsprim@^1.2.2:
json-schema "0.2.3"
verror "1.10.0"
-jss-plugin-camel-case@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.7.1.tgz"
- integrity sha512-+ioIyWvmAfgDCWXsQcW1NMnLBvRinOVFkSYJUgewQ6TynOcSj5F1bSU23B7z0p1iqK0PPHIU62xY1iNJD33WGA==
- dependencies:
- "@babel/runtime" "^7.3.1"
- hyphenate-style-name "^1.0.3"
- jss "10.7.1"
-
-jss-plugin-default-unit@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.7.1.tgz"
- integrity sha512-tW+dfYVNARBQb/ONzBwd8uyImigyzMiAEDai+AbH5rcHg5h3TtqhAkxx06iuZiT/dZUiFdSKlbe3q9jZGAPIwA==
- dependencies:
- "@babel/runtime" "^7.3.1"
- jss "10.7.1"
-
-jss-plugin-global@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.7.1.tgz"
- integrity sha512-FbxCnu44IkK/bw8X3CwZKmcAnJqjAb9LujlAc/aP0bMSdVa3/MugKQRyeQSu00uGL44feJJDoeXXiHOakBr/Zw==
- dependencies:
- "@babel/runtime" "^7.3.1"
- jss "10.7.1"
-
-jss-plugin-nested@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.7.1.tgz"
- integrity sha512-RNbICk7FlYKaJyv9tkMl7s6FFfeLA3ubNIFKvPqaWtADK0KUaPsPXVYBkAu4x1ItgsWx67xvReMrkcKA0jSXfA==
- dependencies:
- "@babel/runtime" "^7.3.1"
- jss "10.7.1"
- tiny-warning "^1.0.2"
-
-jss-plugin-props-sort@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.7.1.tgz"
- integrity sha512-eyd5FhA+J0QrpqXxO7YNF/HMSXXl4pB0EmUdY4vSJI4QG22F59vQ6AHtP6fSwhmBdQ98Qd9gjfO+RMxcE39P1A==
- dependencies:
- "@babel/runtime" "^7.3.1"
- jss "10.7.1"
-
-jss-plugin-rule-value-function@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.7.1.tgz"
- integrity sha512-fGAAImlbaHD3fXAHI3ooX6aRESOl5iBt3LjpVjxs9II5u9tzam7pqFUmgTcrip9VpRqYHn8J3gA7kCtm8xKwHg==
- dependencies:
- "@babel/runtime" "^7.3.1"
- jss "10.7.1"
- tiny-warning "^1.0.2"
-
-jss-plugin-vendor-prefixer@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.7.1.tgz"
- integrity sha512-1UHFmBn7hZNsHXTkLLOL8abRl8vi+D1EVzWD4WmLFj55vawHZfnH1oEz6TUf5Y61XHv0smdHabdXds6BgOXe3A==
- dependencies:
- "@babel/runtime" "^7.3.1"
- css-vendor "^2.0.8"
- jss "10.7.1"
-
-jss@10.7.1, jss@^10.5.1:
- version "10.7.1"
- resolved "https://registry.npmjs.org/jss/-/jss-10.7.1.tgz"
- integrity sha512-5QN8JSVZR6cxpZNeGfzIjqPEP+ZJwJJfZbXmeABNdxiExyO+eJJDy6WDtqTf8SDKnbL5kZllEpAP71E/Lt7PXg==
- dependencies:
- "@babel/runtime" "^7.3.1"
- csstype "^3.0.2"
- is-in-browser "^1.1.3"
- tiny-warning "^1.0.2"
-
"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.1.0:
version "3.2.0"
resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz"
@@ -8687,11 +8683,6 @@ pnp-webpack-plugin@1.6.4:
dependencies:
ts-pnp "^1.1.6"
-popper.js@1.16.1-lts:
- version "1.16.1-lts"
- resolved "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1-lts.tgz"
- integrity sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==
-
portfinder@^1.0.26:
version "1.0.28"
resolved "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz"
@@ -9700,16 +9691,16 @@ react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1:
resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-"react-is@^16.8.0 || ^17.0.0":
- version "17.0.2"
- resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz"
- integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
-
react-is@^17.0.1:
version "17.0.1"
resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz"
integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
+react-is@^17.0.2:
+ version "17.0.2"
+ resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+ integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
react-only-when@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/react-only-when/-/react-only-when-1.0.2.tgz#a8a79b48dd6cfbd91ddc710674a94153e88039d3"
@@ -9802,9 +9793,9 @@ react-toastify@^8.0.2:
dependencies:
clsx "^1.1.1"
-react-transition-group@^4.4.0:
+react-transition-group@^4.4.2:
version "4.4.2"
- resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz"
+ resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==
dependencies:
"@babel/runtime" "^7.5.5"
@@ -11068,6 +11059,11 @@ stylehacks@^4.0.0:
postcss "^7.0.0"
postcss-selector-parser "^3.0.0"
+stylis@^4.0.3:
+ version "4.0.10"
+ resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240"
+ integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg==
+
supports-color@^5.3.0, supports-color@^5.5.0:
version "5.5.0"
resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
@@ -11272,7 +11268,7 @@ tiny-invariant@^1.0.2:
resolved "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz"
integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==
-tiny-warning@^1.0.0, tiny-warning@^1.0.2, tiny-warning@^1.0.3:
+tiny-warning@^1.0.0, tiny-warning@^1.0.3:
version "1.0.3"
resolved "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz"
integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==