Skip to content

sujata / Akruti-Frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 78ba8b7b by Ravindra Kanojiya
Options

updated

1 parent 416dd34c
Inline Side-by-side
Showing 2 changed files with 69 additions and 69 deletions
components/Common/HeadTitle.js
...@@ -8,8 +8,8 @@ const HeadTitle = ({categoryData}) => { ...@@ -8,8 +8,8 @@ const HeadTitle = ({categoryData}) => {
<> <>
<section className='let-connect-section '> <section className='let-connect-section '>
<div className='custom_container container'> <div className='custom_container container'>
<Row className='text-center'> <Row className='justify-content-center align-items-center text-center'>
<Col> <Col md={8}>
<Heading el="h2" heading={categoryData?.title} /> <Heading el="h2" heading={categoryData?.title} />
<div className='mb-0 gray-text' dangerouslySetInnerHTML={{__html:categoryData?.description}}></div> <div className='mb-0 gray-text' dangerouslySetInnerHTML={{__html:categoryData?.description}}></div>
{/* <p className='mb-0 gray-text'>{categoryData?.descrition2}</p> */} {/* <p className='mb-0 gray-text'>{categoryData?.descrition2}</p> */}
......
pages/collections/[category]/[subCategory]/[productSlug].js
...@@ -15,7 +15,7 @@ import { Tab, Tabs } from "react-bootstrap"; ...@@ -15,7 +15,7 @@ import { Tab, Tabs } from "react-bootstrap";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
const ProductPage = ({ productData, cataloguesData }) => { const ProductPage = ({ productData, cataloguesData }) => {
const router = useRouter(); const router = useRouter();
const { category, subCategory: subCategorySlug, productSlug } = router.query; const { category, subCategory: subCategorySlug, productSlug } = router.query;
...@@ -39,82 +39,82 @@ const ProductPage = ({ productData, cataloguesData }) => { ...@@ -39,82 +39,82 @@ const ProductPage = ({ productData, cataloguesData }) => {
label: productData.title, label: productData.title,
}, },
]; ];
const [activeTab, setActiveTab] = useState(null); const [activeTab, setActiveTab] = useState(null);
const productTabs = productData?.productTabs; const productTabs = productData?.productTabs;
useEffect(() => { useEffect(() => {
if (productTabs?.length > 0) { if (productTabs?.length > 0) {
setActiveTab(productTabs[0].title); setActiveTab(productTabs[0].title);
} }
}, [productTabs]); }, [productTabs]);
return ( return (
<> <>
<Breadcrumb breadcrumbData={breadcrumbData} /> <Breadcrumb breadcrumbData={breadcrumbData} />
<InnerBannerproduct productData={productData} /> <InnerBannerproduct productData={productData} />
{productData?.isDoorAndPartitionsLayouts == true ? ( {productData?.isDoorAndPartitionsLayouts == true ? (
<section className="details-tab-section"> <section className="details-tab-section">
<div className="custom_containers"> <div className="custom_containers">
<div className="details-tab"> <div className="details-tab">
<div className="head">Products:</div> <div className="head">Products:</div>
<Tabs <Tabs
activeKey={activeTab} activeKey={activeTab}
onSelect={(k) => setActiveTab(k)} onSelect={(k) => setActiveTab(k)}
className="tab-01" className="tab-01"
> >
{productTabs?.map((tab) => ( {productTabs?.map((tab) => (
<Tab <Tab
key={tab.id} key={tab.id}
eventKey={tab.title} eventKey={tab.title}
title={tab.title} title={tab.title}
> >
<AboutInfo productData={tab?.aboutInfo} /> <AboutInfo productData={tab?.aboutInfo} />
<CompanyOverview <CompanyOverview
companyOverviewData={tab?.companyOverview?.items} companyOverviewData={tab?.companyOverview?.items}
/> />
<Video productData={tab?.videoSection} /> <Video productData={tab?.videoSection} />
{tab?.technicalDetails?.length > 0 && ( {tab?.technicalDetails?.length > 0 && (
<TechnicalDetails productData={tab?.technicalDetails} /> <TechnicalDetails productData={tab?.technicalDetails} />
)} )}
{tab?.gallery?.length > 0 && ( {tab?.gallery?.length > 0 && (
<Gallery productData={tab?.gallery} /> <Gallery productData={tab?.gallery} />
)} )}
</Tab> </Tab>
))} ))}
</Tabs> </Tabs>
</div>
</div> </div>
</section> </div>
) : (<> </section>
) : (<>
<AboutInfo productData={productData?.aboutInfo} /> <AboutInfo productData={productData?.aboutInfo} />
<CompanyOverview companyOverviewData={productData?.companyOverview} /> <CompanyOverview companyOverviewData={productData?.companyOverview} />
<Video productData={productData?.video} /> <Video productData={productData?.video} />
{productData?.technicalDetails?.length > 0 && ( {productData?.technicalDetails?.length > 0 && (
<TechnicalDetails productData={productData?.technicalDetails} /> <TechnicalDetails productData={productData?.technicalDetails} />
)} )}
<Gallery productData={productData?.gallery} /> <Gallery productData={productData?.gallery} />
{/* <Explore productData={productData?.explore} /> */} {/* <Explore productData={productData?.explore} /> */}
</>)} </>)}
{productData?.isDoorAndPartitionsLayouts && ( {productData?.isDoorAndPartitionsLayouts && (
<Explore productData={productData?.exploreProducts} /> <Explore productData={productData?.exploreProducts} />
)} )}
{!productData?.isDoorAndPartitionsLayouts && ( {!productData?.isDoorAndPartitionsLayouts && (
<Catalogues cataloguesData={cataloguesData} /> <Catalogues cataloguesData={cataloguesData} />
)} )}
{/* {productData?.isDoorAndPartitionsLayouts === false && ( {/* {productData?.isDoorAndPartitionsLayouts === false && (
<AboutInfo productData={productData?.aboutInfo} /> <AboutInfo productData={productData?.aboutInfo} />
)} */} )} */}
{/* {productData?.isDoorAndPartitionsLayouts == false && ( {/* {productData?.isDoorAndPartitionsLayouts == false && (
<CompanyOverview companyOverviewData={productData?.companyOverview} /> <CompanyOverview companyOverviewData={productData?.companyOverview} />
)} )}
{productData?.isDoorAndPartitionsLayouts == false && ( {productData?.isDoorAndPartitionsLayouts == false && (
...@@ -128,10 +128,10 @@ useEffect(() => { ...@@ -128,10 +128,10 @@ useEffect(() => {
<Gallery productData={productData?.gallery} /> <Gallery productData={productData?.gallery} />
)} */} )} */}
<Contact />
</> <Contact />
</>
); );
}; };
...@@ -142,7 +142,7 @@ export async function getServerSideProps({ params }) { ...@@ -142,7 +142,7 @@ export async function getServerSideProps({ params }) {
try { try {
const { productSlug } = params; const { productSlug } = params;
const productData = await getCollectionDetailCategoryData(productSlug); const productData = await getCollectionDetailCategoryData(productSlug);
const cataloguesData = await getCataloguesBySlug(); const cataloguesData = await getCataloguesBySlug();
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!