Skip to content

sujata / Akruti-Frontend

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

update pdf

1 parent b4dc67cd
Inline Side-by-side
Showing 4 changed files with 75 additions and 54 deletions
components/Catalogue/InnerDetailsCatalogue.js
...@@ -2,63 +2,65 @@ import Image from "next/image"; ...@@ -2,63 +2,65 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import React, { useState } from "react"; import React, { useState } from "react";
import { Col, Row } from "react-bootstrap"; import { Col, Row } from "react-bootstrap";
import { cleanImage } from "../services/imageHandling";
const CatalogueData = [ // const CatalogueData = [
{ // {
productSlug: "ecosophia", // productSlug: "ecosophia",
title: "Ecosophia", // title: "Ecosophia",
image: "/image/Catalogue/01.png", // image: "/image/Catalogue/01.png",
}, // },
{ // {
productSlug: "architectural-scenarios", // productSlug: "architectural-scenarios",
title: "Architectural Scenarios", // title: "Architectural Scenarios",
image: "/image/Catalogue/02.png", // image: "/image/Catalogue/02.png",
}, // },
{ // {
productSlug: "vitrum-arte", // productSlug: "vitrum-arte",
title: "Vitrum Arte", // title: "Vitrum Arte",
image: "/image/Catalogue/03.png", // image: "/image/Catalogue/03.png",
}, // },
{ // {
productSlug: "genius-loci", // productSlug: "genius-loci",
title: "Genius Loci", // title: "Genius Loci",
image: "/image/Catalogue/04.png", // image: "/image/Catalogue/04.png",
}, // },
{ // {
productSlug: "essenza", // productSlug: "essenza",
title: "Essenza", // title: "Essenza",
image: "/image/Catalogue/05.png", // image: "/image/Catalogue/05.png",
}, // },
{ // {
productSlug: "domus-anthology", // productSlug: "domus-anthology",
title: "Domus Anthology", // title: "Domus Anthology",
image: "/image/Catalogue/06.png", // image: "/image/Catalogue/06.png",
}, // },
{ // {
productSlug: "vitrum-arte", // productSlug: "vitrum-arte",
title: "Vitrum Arte", // title: "Vitrum Arte",
image: "/image/Catalogue/07.png", // image: "/image/Catalogue/07.png",
}, // },
{ // {
productSlug: "ecosophia", // productSlug: "ecosophia",
title: "Ecosophia", // title: "Ecosophia",
image: "/image/Catalogue/08.png", // image: "/image/Catalogue/08.png",
}, // },
{ // {
productSlug: "architectural-scenarios", // productSlug: "architectural-scenarios",
title: "Architectural Scenarios", // title: "Architectural Scenarios",
image: "/image/Catalogue/09.png", // image: "/image/Catalogue/09.png",
}, // },
]; // ];
const InnerDetailsCatalogue = ({ subCategory = "All Catalogue" }) => { const InnerDetailsCatalogue = ({ subCategory = "All Catalogue", cataloguesData }) => {
console.log("cataloguesData, llll", cataloguesData)
const [sort, setSort] = useState(""); const [sort, setSort] = useState("");
const handleChange = (e) => { const handleChange = (e) => {
setSort(e.target.value); setSort(e.target.value);
}; };
const sortedProducts = [...CatalogueData].sort((a, b) => { const sortedProducts = [...cataloguesData].sort((a, b) => {
if (sort === "name-asc") return a.title.localeCompare(b.title); if (sort === "name-asc") return a.title.localeCompare(b.title);
if (sort === "name-desc") return b.title.localeCompare(a.title); if (sort === "name-desc") return b.title.localeCompare(a.title);
return 0; return 0;
...@@ -94,11 +96,11 @@ const InnerDetailsCatalogue = ({ subCategory = "All Catalogue" }) => { ...@@ -94,11 +96,11 @@ const InnerDetailsCatalogue = ({ subCategory = "All Catalogue" }) => {
{sortedProducts.map((product, index) => ( {sortedProducts.map((product, index) => (
<Col md={4} key={`${product.productSlug}-${index}`}> <Col md={4} key={`${product.productSlug}-${index}`}>
<div className="collections-item"> <div className="collections-item">
<Link href="#"> <Link href={product?.pdfLink?.url || ""} target="_blank">
<Image <Image
width={868} width={868}
height={560} height={560}
src={product.image} src={cleanImage(product.image?.url)}
alt={product.title} alt={product.title}
/> />
<div className="title">{product.title}</div> <div className="title">{product.title}</div>
......
pages/catalogue.js
...@@ -4,6 +4,7 @@ import Breadcrumb from "@/components/Common/Breadcrumb"; ...@@ -4,6 +4,7 @@ import Breadcrumb from "@/components/Common/Breadcrumb";
import HeadTitle from "@/components/Common/HeadTitle"; import HeadTitle from "@/components/Common/HeadTitle";
import InnerBanner from "@/components/Common/InnerBanner"; import InnerBanner from "@/components/Common/InnerBanner";
import InnerContent from "@/components/Contacts/InnerContent"; import InnerContent from "@/components/Contacts/InnerContent";
import { getCataloguesBySlug } from "@/services/cataloguesApi";
import Head from "next/head"; import Head from "next/head";
const bannerData = [ const bannerData = [
{ {
...@@ -25,7 +26,8 @@ const breadcrumbData = [ ...@@ -25,7 +26,8 @@ const breadcrumbData = [
}, },
]; ];
const ContactsPage = () => { const ContactsPage = ({cataloguesData={cataloguesData}}) => {
console.log("cataloguesData -mainnn", cataloguesData)
return ( return (
<> <>
<Head> <Head>
...@@ -36,8 +38,24 @@ const ContactsPage = () => { ...@@ -36,8 +38,24 @@ const ContactsPage = () => {
</Head> </Head>
<Breadcrumb breadcrumbData={breadcrumbData} /> <Breadcrumb breadcrumbData={breadcrumbData} />
<HeadTitle categoryData={headTitleData[0] || []} /> <HeadTitle categoryData={headTitleData[0] || []} />
<InnerDetailsCatalogue /> <InnerDetailsCatalogue cataloguesData={cataloguesData} />
</> </>
); );
}; };
export default ContactsPage; export default ContactsPage;
export async function getServerSideProps({ params }) {
try {
const cataloguesData = await getCataloguesBySlug();
return {
props: {
cataloguesData,
},
};
} catch (error) {
console.error("Product page SSR error:", error);
return { notFound: true };
}
}
\ No newline at end of file \ No newline at end of file
pages/index.js
...@@ -12,7 +12,7 @@ import { getCataloguesBySlug } from "@/services/cataloguesApi"; ...@@ -12,7 +12,7 @@ import { getCataloguesBySlug } from "@/services/cataloguesApi";
import { getHomeSlug } from "@/services/homeApi"; import { getHomeSlug } from "@/services/homeApi";
const Home = ({ homepage, cataloguesData={cataloguesData}, homeData }) => { const Home = ({ homepage, cataloguesData={cataloguesData}, homeData }) => {
console.log("homeData", homeData) console.log("homeData", cataloguesData)
return ( return (
<> <>
<Head> <Head>
......
services/cataloguesApi.js
...@@ -5,6 +5,7 @@ export async function getCataloguesBySlug() { ...@@ -5,6 +5,7 @@ export async function getCataloguesBySlug() {
const query = { const query = {
populate: { populate: {
image: true, image: true,
pdfLink:true
}, },
}; };
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!