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 React from "react";
import Head from 'next/head'; import Head from "next/head";
const ConversionCode = ({ code }) => { const ConversionCode = ({ code }) => {
console.log(code?.abc, "Full code data"); console.log(code, "Full code data");
return ( return (
<> <>
<Head> <Head>
{code?.scriptcode ? (
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: code?.abc, __html: code.scriptcode,
}} }}
/> />
</Head> ) : (
<noscript
dangerouslySetInnerHTML={{
__html: code.noscriptcode,
}}
/>
)}
</Head>
</> </>
); );
}; };
export default ConversionCode; export default ConversionCode;
pages/index.js
...@@ -16,12 +16,11 @@ import { fetchServiceList } from "@/redux/slices/clientservice"; ...@@ -16,12 +16,11 @@ import { fetchServiceList } from "@/redux/slices/clientservice";
import Industries from "@/container/Home/Industries"; import Industries from "@/container/Home/Industries";
import FunctionalAreas from "@/container/Home/FunctionalAreas"; import FunctionalAreas from "@/container/Home/FunctionalAreas";
import Seo from "@/components/reuseables/Seo/Seo"; import Seo from "@/components/reuseables/Seo/Seo";
import { fetchcodeList } from "@/redux/slices/mangerslice";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
export default function Home({homepage }) { export default function Home({homepage,conversionData }) {
const dispatch = useDispatch(); const dispatch = useDispatch();
// console.log("homepage", homepage); // console.log("homepage", homepage);
const banner = homepage?.Banner; const banner = homepage?.Banner;
...@@ -33,25 +32,22 @@ export default function Home({homepage }) { ...@@ -33,25 +32,22 @@ export default function Home({homepage }) {
const industry = homepage?.Industry; const industry = homepage?.Industry;
const Clientel = homepage?.Clientel; const Clientel = homepage?.Clientel;
const code = conversionData?.conversion
useEffect(() => { useEffect(() => {
dispatch(fetchBlogList()); dispatch(fetchBlogList());
dispatch(fetchServiceList()); dispatch(fetchServiceList());
dispatch(fetchcodeList());
}, []); }, []);
const blogData = useSelector((state) => state.bloglist.data) const blogData = useSelector((state) => state.bloglist.data)
const serviceData = useSelector((state) => state.servicelist.data) const serviceData = useSelector((state) => state.servicelist.data)
const conversioncode = useSelector((state) =>state.tagmangerlist.data) console.log(conversionData, "data")
console.log(conversioncode, "data")
const seo = homepage?.seo; const seo = homepage?.seo;
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={conversioncode} /> <ConversionCode code={code} />
<HomeBanner banner={banner} /> <HomeBanner banner={banner} />
<AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} /> <AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} />
<People people={people} /> <People people={people} />
...@@ -94,18 +90,33 @@ export async function getServerSideProps() { ...@@ -94,18 +90,33 @@ export async function getServerSideProps() {
], ],
}; };
const query2 = {
populate: [
"conversion",
]
};
const query1String = qs.stringify(query1, { const query1String = qs.stringify(query1, {
encodeValuesOnly: true, encodeValuesOnly: true,
}); });
const query12String = qs.stringify(query2, {
encodeValuesOnly: true,
});
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/home?${query1String}`; 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 homepage = response1.data.data;
const conversionData = response2.data.data;
return { return {
props: { homepage }, props: { homepage, conversionData },
}; };
} catch (error) { } catch (error) {
console.log("Error", 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!