const Publications = () => { const [publications, setPublications] = useState([]);
useEffect(() => {
const query = '*[_type == "publications"]';
client.fetch(query).then((data) => {
setPublications(data);
});
}, []);
return (
<>
<h2 className="head-text">Publications</h2>
{publications.map((publication) => (
<motion.div className="app__skills-exp-item">
<div>
<p>
<span className="p-text2">{publication.authors}</span>
<span className="p-text2">{publication.title}</span>
<span className="p-text3">{publication.journal}</span>
</p>
</div>
</motion.div>
))}
</>
);
};
export default AppWrap(
MotionWrap(Publications, "app__skills"),
"publications",
"app__whitebg"
);
Sep 24, 2022, 1:17 PM