const CardListWrapper = styled.div` display: flex; align-items: center; gap: ${(props) => (props.isMyQuest ? "18px" : "32px")}; flex-wrap: wrap; @media (max-width: 900px) { display: grid; width: 100%; } `; const sender = Ethers.send("eth_requestAccounts", [])[0]; const trend_url = "https://test-api.dapdap.net/api/action/get-special-action"; let trendList = []; const resTrend = fetch(trend_url).body; console.log("resTrend: ", resTrend); if (Number(resTrend.code) == 0) { resTrend.data[0].action_title = "Bridge 0.01 ETH to Polygon zkEVM"; resTrend.data[0].action_amount = "0.01"; resTrend.data[0].template = "ETH-Polygon zkEVM Bridge"; resTrend.data[1].action_title = "Swap 0.01 ETH to USDC on QuickSwap"; resTrend.data[1].action_amount = "0.01"; resTrend.data[1].template = "Polygon zkEVM Dex"; resTrend.data[2].action_title = "Supply 0.01 ETH on 0vix"; resTrend.data[2].action_amount = "0.01"; resTrend.data[2].template = "0vix Lending"; trendList = resTrend.data; } return ( <CardListWrapper> {(trendList || []).map((item) => { return ( <Widget src="guessme.near/widget/ZKEVMWarmUp.trend-card" props={{ item, }} /> ); })} </CardListWrapper> );