const CardListWrapper = styled.div` display: flex; align-items: center; gap: ${(props) => (props.isMyQuest ? "18px" : "32px")}; `; const sender = Ethers.send("eth_requestAccounts", [])[0]; const trend_url = "http://139.162.85.48:8100/get-hot-action"; let trendList = []; const resTrend = JSON.parse(fetch(trend_url).body); if (Number(resTrend.code) == 0) { trendList = resTrend.data; } return ( <CardListWrapper> {(trendList || []).map((item) => { return ( <Widget src="ref-bigboss.near/widget/ZKEVMWarmUp.trend-card" props={{ item, }} /> ); })} </CardListWrapper> );