import React from "react"; import Prismic from "prismic-javascript"; const apiEndpoint = "https://servers-api.cdn.prismic.io/api/v2"; const Client = Prismic.client(apiEndpoint); export default function footer() { // const [copyRigtYear, setYear] = React.useRef(new Date().getFullYear()); const [footerData, setDocData] = React.useState(null); const [noResource, setNoResource] = React.useState(false); const copyRigtYear = new Date().getFullYear(); React.useEffect(() => { const fetchData = async () => { const response = await Client.getByID("XuVXxxAAACIAavgz"); // doc contains the document content if (response) { console.log("Footer=>", response.data); let data = response.data; let newData = []; let footerData = data?.["footer-items"]; let finalData = {}; footerData.forEach((elm, i) => { let catTitle = elm["footer_title_cat"][0].text; let catItemText = elm["footer_item_text"][0].text; let catItemLink = elm["footer_item_link"].url; if (finalData[catTitle]) { finalData[catTitle].push({ text: catItemText, link: catItemLink, }); } else { finalData[catTitle] = []; finalData[catTitle].push({ text: catItemText, link: catItemLink, }); } }); data["footer-items-final"] = finalData; console.log("ssss", data["footer-items"]); console.log("Doc=>FOOOdata", data); setDocData(data); } else { setNoResource(true); } }; fetchData(); }, []); return footerData ? ( ) : noResource ? ( "404 - no item found" ) : (
); }