یک سری از موارد مربوط به ظاهر درست شده |50

temp
mahdi andalib 3 years ago
parent f8205ae2e0
commit 4d2b89dca3
  1. 4
      src/components/ProductStatusCard/index.js
  2. 23
      src/views/Video/index.js

@ -33,8 +33,7 @@ const ProductStatusCard = ({
addToFavorite,
headerOptions,
}) => {
const { logo, hamburgerMenu, qr, shown, menu, title, back, bookmark } =
headerOptions;
const { bookmark } = headerOptions;
return (
<section className="w-full" style={{ minWidth: 350 }}>
<div className="bg-grayF9 rounded-md px-4 py-2 divide-y divide-solid divide-gray-200">
@ -48,6 +47,7 @@ const ProductStatusCard = ({
</div>
</div>
</div>
{seller && (
<div className="flex flex-row items-center justify-between py-3">
<div className="flex flex-row items-center">

@ -19,6 +19,8 @@ import Loading from "../../components/Loading";
//assets
import tickIcon from "../../components/ProductStatusCard/tick-circle.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({
isLogin,
@ -32,11 +34,13 @@ function Video({
getBook,
book,
seasons,
addToFavorite,
}) {
useEffect(() => {
getBook({ bookId: location.getId() }, { id: location.getId(), vod: true });
setHeaderOptions(headerOptions);
}, []);
const { bookmark } = headerOptions;
return isMobile ? (
<div className="w-full flex flex-col px-4 pb-24">
@ -180,6 +184,25 @@ function Video({
<img src={tickIcon} alt="" className="w-9" />
<p className="text-blue52 text-sm font-light">{`توصیه خرید توسط ${book?.product[2]?.suggestedCounter} نفر`}</p>
</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-row items-center justify-center gap-2">
<strong className="text-blueC0 text-5xl">

Loading…
Cancel
Save