diff --git a/src/assets/icons/alert.svg b/src/assets/icons/alert.svg
new file mode 100644
index 0000000..c9bbfca
--- /dev/null
+++ b/src/assets/icons/alert.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/assets/icons/exit.svg b/src/assets/icons/exit.svg
new file mode 100644
index 0000000..007b98d
--- /dev/null
+++ b/src/assets/icons/exit.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/components/Progress/index.js b/src/components/Progress/index.js
index b6c0c7d..82103a4 100644
--- a/src/components/Progress/index.js
+++ b/src/components/Progress/index.js
@@ -10,7 +10,7 @@ function Progress({ percent }) {
return (
diff --git a/src/redux/reducers/public.js b/src/redux/reducers/public.js
index 0430a39..c615a03 100644
--- a/src/redux/reducers/public.js
+++ b/src/redux/reducers/public.js
@@ -1,7 +1,7 @@
import location from "../../utils/location";
const initialState = {
- isDark: localStorage.getItem("isDark") || true,
+ isDark: localStorage.getItem("isDark") || false,
homeData: [],
newProducts: [],
levels: [],
diff --git a/src/router.js b/src/router.js
index 32de240..791bbe0 100644
--- a/src/router.js
+++ b/src/router.js
@@ -8,6 +8,7 @@ import _ from "lodash";
import Home from "./views/Home";
import Products from "./views/Products";
import Product from "./views/Product";
+import ShoppingCart from "./views/ShoppingCart";
// import VideoTube from "./views/Home/VideoTube";
function Router({ isDark }) {
@@ -28,6 +29,7 @@ function Router({ isDark }) {
} />
} />
+ } />
} />
+
+
+
+ );
+}
diff --git a/src/views/ShoppingCart/Product/index.js b/src/views/ShoppingCart/Product/index.js
new file mode 100644
index 0000000..75d11e1
--- /dev/null
+++ b/src/views/ShoppingCart/Product/index.js
@@ -0,0 +1,43 @@
+import React from "react";
+
+// assets
+import bookImage from "../../../assets/images/zist-11.svg";
+import exitIcon from "../../../assets/icons/exit.svg";
+
+export default function Product({ product }) {
+ return (
+
+
+
+
+
+ علوم اجتماعی
+
+
+ پایه دوم
+
+
+ نسخه فیزیکی
+
+
+
+
+
+
+
+
+ 1
+
+
+
+ 145.000
+
+
+
+
+ );
+}
diff --git a/src/views/ShoppingCart/index.js b/src/views/ShoppingCart/index.js
new file mode 100644
index 0000000..0ed77dd
--- /dev/null
+++ b/src/views/ShoppingCart/index.js
@@ -0,0 +1,82 @@
+import React, { useState } from "react";
+import Product from "./Product";
+import Code from "./Code";
+import Button from "../../components/Button";
+import alertIcon from "../../assets/icons/alert.svg";
+
+import { connect } from "react-redux";
+
+const PriceStatus = ({ name, value, type, isDark }) => {
+ return (
+
+ {name}
+
+ {value}
+
+
+ );
+};
+
+function ShoppingCart({ isDark }) {
+ return (
+
+ {[0, 1].map((product, index) => (
+
+ ))}
+
+
+
+
جمع کل سبد خرید
+
235.000 تومان
+
+
+
+
+ هزینه ارسال کالا پس از تعیین محل آدرس مشخص میشود
+
+
+
+
+ );
+}
+
+const mapStateToProps = (state) => ({
+ isDark: state.publicApi.isDark,
+});
+
+const mapDispatchToProps = {};
+
+export default connect(mapStateToProps, mapDispatchToProps)(ShoppingCart);
diff --git a/tailwind.config.js b/tailwind.config.js
index f8e63f0..50fda77 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -38,7 +38,8 @@ module.exports = {
red5F: "#5F1A05",
yellow1: "#5F5F05",
gray1: "#333333",
- gray70 : "#707070"
+ gray70 : "#707070",
+ grayDB : '#DBDBDB'
}),
borderColor: (theme) => ({
...theme("colors"),