diff --git a/package.json b/package.json index 93601b6..94a8be1 100644 --- a/package.json +++ b/package.json @@ -3,10 +3,13 @@ "version": "0.1.0", "private": true, "dependencies": { + "@emotion/react": "^11.8.2", + "@emotion/styled": "^11.8.1", "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/react-fontawesome": "^0.1.16", "@heroicons/react": "^1.0.5", + "@mui/material": "^5.5.2", "@reduxjs/toolkit": "^1.7.1", "@testing-library/jest-dom": "^5.16.1", "@testing-library/react": "^12.1.2", diff --git a/src/App.js b/src/App.js index b932d8e..7053ff7 100644 --- a/src/App.js +++ b/src/App.js @@ -59,6 +59,7 @@ import BarChartApex from "./components/BarChartApex"; import SemiDonut from "./components/SemiDonut"; import FolderTree from "./components/FolderTree"; import GridListTable from "./components/GridListTable"; +import PopupCard from "./components/PopupCard"; // import Digikala from "./components/Digikala/ImageSlider"; @@ -125,8 +126,8 @@ function App() { {/* */} {/* */} {/* */} - - + {/* */} + {/* */} diff --git a/src/components/PopupCard/cancle-icon.svg b/src/components/PopupCard/cancle-icon.svg new file mode 100644 index 0000000..05a0c59 --- /dev/null +++ b/src/components/PopupCard/cancle-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/PopupCard/index.js b/src/components/PopupCard/index.js new file mode 100644 index 0000000..e39deac --- /dev/null +++ b/src/components/PopupCard/index.js @@ -0,0 +1,66 @@ +import React, { useState } from "react"; +import "./index.scss"; + +import cancleIcon from "./cancle-icon.svg"; + +const PopupCard = () => { + const [activeInput, setActiveInput] = useState(false); + + return ( +
+ + +
+ ); +}; + +export default PopupCard; diff --git a/src/components/PopupCard/index.scss b/src/components/PopupCard/index.scss new file mode 100644 index 0000000..f4eaadb --- /dev/null +++ b/src/components/PopupCard/index.scss @@ -0,0 +1,8 @@ +.MuiOutlinedInput-input { + box-shadow: none !important; + font-family: iransans-medium !important; +} + +.MuiOutlinedInput-input::placeholder { + font-family: iransans-medium !important; +} diff --git a/src/components/VodProductNew/index.js b/src/components/VodProductNew/index.js index f771f3f..60abdfe 100644 --- a/src/components/VodProductNew/index.js +++ b/src/components/VodProductNew/index.js @@ -88,13 +88,13 @@ const VodProduct = ({ {/* play button */}
setOpenModal(true)} + // onClick={() => setOpenModal(true)} > setOpenModal(true)} + // onClick={() => setOpenModal(true)} />
{/* select Color */} @@ -121,7 +121,7 @@ const VodProduct = ({

- نسخه چاپی علموم تجربه هفتم + نسخه چاپی علوم تجربی هفتم

{productCat && (