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

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

@ -33,8 +33,7 @@ const ProductStatusCard = ({
addToFavorite, addToFavorite,
headerOptions, headerOptions,
}) => { }) => {
const { logo, hamburgerMenu, qr, shown, menu, title, back, bookmark } = const { bookmark } = headerOptions;
headerOptions;
return ( return (
<section className="w-full" style={{ minWidth: 350 }}> <section className="w-full" style={{ minWidth: 350 }}>
<div className="bg-grayF9 rounded-md px-4 py-2 divide-y divide-solid divide-gray-200"> <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> </div>
</div> </div>
{seller && ( {seller && (
<div className="flex flex-row items-center justify-between py-3"> <div className="flex flex-row items-center justify-between py-3">
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
@ -102,7 +102,7 @@ const ProductStatusCard = ({
)} )}
<div className="flex flex-col items-center py-3"> <div className="flex flex-col items-center py-3">
<p className="text-6xl text-blueC0 font-bold"> <p className="text-6xl text-blueC0 font-bold ">
{separate(price)} {separate(price)}
<span className="text-sm text-gray-700 font-light mr-1"> <span className="text-sm text-gray-700 font-light mr-1">
{window.t("تومان")} {window.t("تومان")}

@ -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">

Loading…
Cancel
Save