|
|
@ -19,6 +19,8 @@ import Loading from "../../components/Loading"; |
|
|
|
//assets
|
|
|
|
//assets
|
|
|
|
import tickIcon from "../../components/ProductStatusCard/tick-circle.svg"; |
|
|
|
import tickIcon from "../../components/ProductStatusCard/tick-circle.svg"; |
|
|
|
import arrow from "../../assets/icons/dropdown-blue.svg"; |
|
|
|
import arrow from "../../assets/icons/dropdown-blue.svg"; |
|
|
|
|
|
|
|
import bookmarkDeactiveLightIcon from "../../assets/icons/bookmark-deactive-light.svg"; |
|
|
|
|
|
|
|
import bookmarkDeactiveDarkIcon from "../../assets/icons/bookmark-deactive-dark.svg"; |
|
|
|
|
|
|
|
|
|
|
|
function Video({ |
|
|
|
function Video({ |
|
|
|
isLogin, |
|
|
|
isLogin, |
|
|
@ -32,11 +34,13 @@ function Video({ |
|
|
|
getBook, |
|
|
|
getBook, |
|
|
|
book, |
|
|
|
book, |
|
|
|
seasons, |
|
|
|
seasons, |
|
|
|
|
|
|
|
addToFavorite, |
|
|
|
}) { |
|
|
|
}) { |
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
getBook({ bookId: location.getId() }, { id: location.getId(), vod: true }); |
|
|
|
getBook({ bookId: location.getId() }, { id: location.getId(), vod: true }); |
|
|
|
setHeaderOptions(headerOptions); |
|
|
|
setHeaderOptions(headerOptions); |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
|
|
|
|
|
const { bookmark } = headerOptions; |
|
|
|
|
|
|
|
|
|
|
|
return isMobile ? ( |
|
|
|
return isMobile ? ( |
|
|
|
<div className="w-full flex flex-col px-4 pb-24"> |
|
|
|
<div className="w-full flex flex-col px-4 pb-24"> |
|
|
@ -180,6 +184,25 @@ function Video({ |
|
|
|
<img src={tickIcon} alt="" className="w-9" /> |
|
|
|
<img src={tickIcon} alt="" className="w-9" /> |
|
|
|
<p className="text-blue52 text-sm font-light">{`توصیه خرید توسط ${book?.product[2]?.suggestedCounter} نفر`}</p> |
|
|
|
<p className="text-blue52 text-sm font-light">{`توصیه خرید توسط ${book?.product[2]?.suggestedCounter} نفر`}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{bookmark && ( |
|
|
|
|
|
|
|
<div className="flex flex-row items-center py-3"> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
src={ |
|
|
|
|
|
|
|
isDark |
|
|
|
|
|
|
|
? bookmarkDeactiveDarkIcon |
|
|
|
|
|
|
|
: bookmarkDeactiveLightIcon |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
alt="bookmark" |
|
|
|
|
|
|
|
className="w-7" |
|
|
|
|
|
|
|
onClick={() => |
|
|
|
|
|
|
|
addToFavorite({ [bookmark]: location.getId() }) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<span className="mr-3 text-sm"> |
|
|
|
|
|
|
|
اضافه کردن به لیست علاقه مندی ها |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
)} |
|
|
|
<div className="flex flex-col w-full py-4 px-4"> |
|
|
|
<div className="flex flex-col w-full py-4 px-4"> |
|
|
|
<div className="flex flex-row items-center justify-center gap-2"> |
|
|
|
<div className="flex flex-row items-center justify-center gap-2"> |
|
|
|
<strong className="text-blueC0 text-5xl"> |
|
|
|
<strong className="text-blueC0 text-5xl"> |
|
|
|