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"),