Reza_ashrafi
3 years ago
parent
d4a7e5b8c7
commit
133361b9e0
22 changed files with 451 additions and 201 deletions
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
@ -0,0 +1,23 @@ |
|||||||
|
import { toast } from "react-toastify"; |
||||||
|
|
||||||
|
const initialState = { |
||||||
|
loading: false, |
||||||
|
video: null, |
||||||
|
listVOD: [], |
||||||
|
}; |
||||||
|
export default function content(state = initialState, action) { |
||||||
|
let { type, data } = action; |
||||||
|
switch (type) { |
||||||
|
case "content/listVOD": |
||||||
|
return {...state, loading: false, listVOD : data }; |
||||||
|
case "content/infoVOD": |
||||||
|
return {...state, loading: false, video : data }; |
||||||
|
case "content/loading": |
||||||
|
return { ...state, loading: true }; |
||||||
|
case "content/error": |
||||||
|
toast.error(data.message); |
||||||
|
return { ...state, loading: false, error: data.message }; |
||||||
|
default: |
||||||
|
return state; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
import React from "react"; |
||||||
|
import { Link } from "react-router-dom"; |
||||||
|
import { Carousel } from "@trendyol-js/react-carousel"; |
||||||
|
import Product from '../../../../../../components/Product'; |
||||||
|
import arrow from "../../../../../../assets/icons/slider-arrow.svg"; |
||||||
|
|
||||||
|
function Suggestion({ products, grades, isMobile }) { |
||||||
|
return ( |
||||||
|
<div className="flex flex-col mt-8 px-4"> |
||||||
|
<strong className="text-blueC0 dark:text-white font-bold text-sm lg:text-base"> |
||||||
|
پیشنهادات ما به شما |
||||||
|
</strong> |
||||||
|
{products.length > 0 && ( |
||||||
|
<div className="relative w-full" style={{ direction: "ltr" }}> |
||||||
|
<Carousel |
||||||
|
show={Math.round(window.innerWidth / 300)} |
||||||
|
slide={2} |
||||||
|
swiping={true} |
||||||
|
useArrowKeys={true} |
||||||
|
transition={0.5} |
||||||
|
rightArrow={ |
||||||
|
<img |
||||||
|
className="absolute top-1/2 transform -translate-y-1/2 cursor-pointer p-2" |
||||||
|
src={arrow} |
||||||
|
alt="" |
||||||
|
/> |
||||||
|
} |
||||||
|
leftArrow={ |
||||||
|
<img |
||||||
|
className="absolute top-1/2 transform -translate-y-1/2 -translate-x-5 cursor-pointer -rotate-180 p-2" |
||||||
|
src={arrow} |
||||||
|
alt="" |
||||||
|
/> |
||||||
|
} |
||||||
|
> |
||||||
|
{products.map((product, index) => ( |
||||||
|
<Product key={index} product={product} imageSize={4.5} /> |
||||||
|
))} |
||||||
|
</Carousel> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Suggestion; |
||||||
@ -1,21 +1,35 @@ |
|||||||
import React from "react"; |
import React, {useEffect} from "react"; |
||||||
import { connect } from "react-redux"; |
import { connect } from "react-redux"; |
||||||
|
import {book} from '../../../../../redux/actions'; |
||||||
|
|
||||||
import MyBooks from "../../../../Home/Portrait/Private/MyBooks"; |
import MyBooks from "../../../../Home/Portrait/Private/MyBooks"; |
||||||
import Videos from "../../../../Home/Portrait/Private/Videos"; |
import Videos from "../../../../Home/Portrait/Private/Videos"; |
||||||
|
import ProductSuggestion from './ProductSuggestion'; |
||||||
|
|
||||||
|
export const UserItems = ({list, grades, getList, isMobile}) => { |
||||||
export const UserItems = ({}) => { |
useEffect(() => { |
||||||
|
if(list.length <= 0){ |
||||||
|
getList(); |
||||||
|
} |
||||||
|
},[]); |
||||||
return ( |
return ( |
||||||
<div className="flex-1 flex flex-col overflow-y-scroll"> |
<div className="w-full flex flex-col lg:pt-20"> |
||||||
<MyBooks /> |
<MyBooks books={list} grades={grades} /> |
||||||
<Videos /> |
<br/> |
||||||
|
<Videos videos={list} grades={grades} /> |
||||||
|
<ProductSuggestion products={list} grades={grades} isMobile={isMobile} /> |
||||||
</div> |
</div> |
||||||
); |
); |
||||||
}; |
}; |
||||||
|
|
||||||
const mapStateToProps = (state) => ({}); |
const mapStateToProps = (state) => ({ |
||||||
|
list : state.book.list, |
||||||
|
grades: state.publicApi.grades, |
||||||
|
isMobile: state.publicApi.isMobile |
||||||
|
}); |
||||||
|
|
||||||
const mapDispatchToProps = {}; |
const mapDispatchToProps = { |
||||||
|
getList : book.list, |
||||||
|
}; |
||||||
|
|
||||||
export default connect(mapStateToProps, mapDispatchToProps)(UserItems); |
export default connect(mapStateToProps, mapDispatchToProps)(UserItems); |
||||||
@ -1,20 +1,26 @@ |
|||||||
import React, { useState } from "react"; |
import React, { useState, useEffect } from "react"; |
||||||
import { connect } from "react-redux"; |
import { connect } from "react-redux"; |
||||||
|
import {publicApi} from '../../../../redux/actions'; |
||||||
|
|
||||||
import Orders from "../../../Orders"; |
import Orders from "../../../Orders"; |
||||||
import UserItems from "../Main/UserItems"; |
import UserItems from "../Main/UserItems"; |
||||||
|
|
||||||
export const Main = ({}) => { |
export const Main = ({setHeaderOptions}) => { |
||||||
|
useEffect(() => { |
||||||
|
setHeaderOptions({shown: true}); |
||||||
|
},[]); |
||||||
const views = { |
const views = { |
||||||
orders: <Orders />, |
// orders: <Orders />,
|
||||||
userItems: <UserItems /> |
userItems: <UserItems /> |
||||||
}; |
}; |
||||||
const [page, setPage] = useState("orders"); |
const [page, setPage] = useState("userItems"); |
||||||
return <div className="flex-1 py-2.5 overflow-y-scroll">{views[page]}</div>; |
return <div className="w-full py-2.5">{views[page]}</div>; |
||||||
}; |
}; |
||||||
|
|
||||||
const mapStateToProps = (state) => ({}); |
const mapStateToProps = (state) => ({}); |
||||||
|
|
||||||
const mapDispatchToProps = {}; |
const mapDispatchToProps = { |
||||||
|
setHeaderOptions: publicApi.setHeaderOptions, |
||||||
|
}; |
||||||
|
|
||||||
export default connect(mapStateToProps, mapDispatchToProps)(Main); |
export default connect(mapStateToProps, mapDispatchToProps)(Main); |
||||||
|
|||||||
Loading…
Reference in new issue