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 (
+
+
+
+
+
+
+ {/* cancle icon */}
+
+
+
+
+ {/* modalBody */}
+ {/* top */}
+
+ {/* right */}
+ setActiveInput(true)}
+ onBlur={() => setActiveInput(false)}
+ // onClick={() => {
+ // setActiveInput(true);
+ // }}
+ />
+
+ نام کارت
+
+
+
+
+
+
+ );
+};
+
+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 && (