Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 42714e9b by sujata
Options

add converstion component

1 parent 31f0b7b7
Inline Side-by-side
Showing 2 changed files with 38 additions and 18 deletions
components/reuseables/ConversionCode/ConversionCode.js
import React from 'react';
import Head from 'next/head';
import React from "react";
import Head from "next/head";
const ConversionCode = ({ code }) => {
console.log(code?.abc, "Full code data");
return (
console.log(code, "Full code data");
return (
<>
<Head>
{code?.scriptcode ? (
<script
dangerouslySetInnerHTML={{
__html: code?.abc,
__html: code.scriptcode,
}}
/>
</Head>
) : (
<noscript
dangerouslySetInnerHTML={{
__html: code.noscriptcode,
}}
/>
)}
</Head>
</>
);
);
};
export default ConversionCode;
pages/index.js
......@@ -16,12 +16,11 @@ import { fetchServiceList } from "@/redux/slices/clientservice";
import Industries from "@/container/Home/Industries";
import FunctionalAreas from "@/container/Home/FunctionalAreas";
import Seo from "@/components/reuseables/Seo/Seo";
import { fetchcodeList } from "@/redux/slices/mangerslice";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
const inter = Inter({ subsets: ["latin"] });
export default function Home({homepage }) {
export default function Home({homepage,conversionData }) {
const dispatch = useDispatch();
// console.log("homepage", homepage);
const banner = homepage?.Banner;
......@@ -33,25 +32,22 @@ export default function Home({homepage }) {
const industry = homepage?.Industry;
const Clientel = homepage?.Clientel;
const code = conversionData?.conversion
useEffect(() => {
dispatch(fetchBlogList());
dispatch(fetchServiceList());
dispatch(fetchcodeList());
}, []);
const blogData = useSelector((state) => state.bloglist.data)
const serviceData = useSelector((state) => state.servicelist.data)
const conversioncode = useSelector((state) =>state.tagmangerlist.data)
console.log(conversioncode, "data")
console.log(conversionData, "data")
const seo = homepage?.seo;
return (
<>
<Seo seo={seo} />
<ConversionCode code={conversioncode} />
<ConversionCode code={code} />
<HomeBanner banner={banner} />
<AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} />
<People people={people} />
......@@ -94,18 +90,33 @@ export async function getServerSideProps() {
],
};
const query2 = {
populate: [
"conversion",
]
};
const query1String = qs.stringify(query1, {
encodeValuesOnly: true,
});
const query12String = qs.stringify(query2, {
encodeValuesOnly: true,
});
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/home?${query1String}`;
console.log(`Final url: ${endpoint1}`);
const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
console.log(`Final url: ${endpoint2}`);
const [response1, response2] = await Promise.all([
axios.get(endpoint1),
axios.get(endpoint2),
]);
const response1 = await axios.get(endpoint1);
const homepage = response1.data.data;
const conversionData = response2.data.data;
return {
props: { homepage },
props: { homepage, conversionData },
};
} catch (error) {
console.log("Error", error);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!