update src/components/Footer/index.js, src/components/ProductTab/index.js and src/views/Video/index.js

temp
mahdi 2 years ago
parent 0d2b3ab528
commit 95926c322e
  1. 3
      src/components/Footer/index.js
  2. 30
      src/components/ProductTab/index.js
  3. 10
      src/views/Video/index.js

@ -35,7 +35,8 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
<a href="tel:654412 021" className="text-left mb-5"> <a href="tel:654412 021" className="text-left mb-5">
654412 021 654412 021
</a> </a>
<a href="https://info@danovin.ir">Info@danovin.ir</a> <a href="mailto:Info@danovin.ir">Info@danovin.ir</a>
{/* <a href="https://info@danovin.ir">Info@danovin.ir</a> */}
</div> </div>
</div> </div>
<div className="flex items-center"> <div className="flex items-center">

@ -8,19 +8,23 @@ const ProductTab = ({ tabs }) => {
<section className="mt-10 flex flex-col w-full"> <section className="mt-10 flex flex-col w-full">
<div className="rounded-md bg-grayF9"> <div className="rounded-md bg-grayF9">
<ul className="flex flex-row justify-center gap-16"> <ul className="flex flex-row justify-center gap-16">
{tabs.map((tab, index) => ( {tabs.map((tab, index) =>
<li tab.shown ? (
className={`text-tiny font-semibold cursor-pointer hover:text-blueC0 py-4 transition-all duration-500 ${ <li
selectedTab?.title === tab?.title className={`text-tiny font-semibold cursor-pointer hover:text-blueC0 py-4 transition-all duration-500 ${
? "text-blueC0 border-b-4 border-solid border-blueC0" selectedTab?.title === tab?.title
: "border-b-4 border-solid border-transparent" ? "text-blueC0 border-b-4 border-solid border-blueC0"
}`} : "border-b-4 border-solid border-transparent"
onClick={() => setSelectedTab(tab)} }`}
key={index} onClick={() => setSelectedTab(tab)}
> key={index}
{tab.title} >
</li> {tab.title}
))} </li>
) : (
<></>
)
)}
</ul> </ul>
</div> </div>
<div className={`rounded w-full flex items-center`}> <div className={`rounded w-full flex items-center`}>

@ -110,6 +110,7 @@ function Video({
tabs={[ tabs={[
{ {
title: "سر فصل ها", title: "سر فصل ها",
shown: true,
components: ( components: (
<div className="flex flex-col w-full mt-5 gap-5"> <div className="flex flex-col w-full mt-5 gap-5">
{seasons {seasons
@ -122,16 +123,22 @@ function Video({
}, },
{ {
title: "مشخصات", title: "مشخصات",
shown: book?.product.filter(
(product) => product?.productType === 4
)?.properties?.length,
components: ( components: (
<Table <Table
specifications={ specifications={
book?.product[2]?.properties.length > 0 || [] book?.product.filter(
(product) => product?.productType === 4
)?.properties
} }
/> />
), ),
}, },
{ {
title: "نقد و بررسی", title: "نقد و بررسی",
shown: true,
components: ( components: (
<div className="bg-gray-100 rounded-md mt-4 w-full flex justify-center items-center h-40 text-green4F text-tiny"> <div className="bg-gray-100 rounded-md mt-4 w-full flex justify-center items-center h-40 text-green4F text-tiny">
این بخش فعلا قابل دسترسی نیست. این بخش فعلا قابل دسترسی نیست.
@ -140,6 +147,7 @@ function Video({
}, },
{ {
title: "پرسش و پاسخ", title: "پرسش و پاسخ",
shown: true,
components: ( components: (
<div className="bg-gray-100 rounded-md mt-4 w-full flex justify-center items-center h-40 text-green4F text-tiny"> <div className="bg-gray-100 rounded-md mt-4 w-full flex justify-center items-center h-40 text-green4F text-tiny">
این بخش فعلا قابل دسترسی نیست. این بخش فعلا قابل دسترسی نیست.

Loading…
Cancel
Save