const res = fetch( "https://nearweek.com/api/show-news?populate=deep&sort=id:desc&filters[publishedAt][$notNull][1]=null" ); const Card = (item) => { return ( <div className="col-lg-3 col-sm-6 d-flex align-items-stretch mb-2"> <div className="card w-100"> <img class="card-img-top" src={`https://nearweek.com/${item.Image.url}`} height="180" alt={item.Title} /> <div class="card-body d-flex flex-column"> <h5 class="card-title text-center">{item.Title}</h5> <a href={`https://nearweek.com/news/${item.slug}`} class="mt-auto btn btn-primary" > View </a> </div> </div> </div> ); }; if (res.error) return res.error; const getData = (value) => { return context[value] || undefined; }; let news = []; for (let i = 0; i < res.body.data.length; i++) { const item = res.body.data[i]; news.push(Card(item)); } const accountId = context.accountId; return ( <div> <div className="container"> <div className="row">{news}</div> </div> </div> );