Map items
public
Sep 28, 2023
Never
87
1 <div className="main__creation"> 2 <div className="grid__container"> 3 {itemsToRender && 4 itemsToRender.map((creation, index) => ( 5 <div 6 className={`grid__item ${ 7 creation.id > 9 ? "id-greater-than-9" : "" 8 }`} 9 key={creation.id} 10 > 11 <div className="secondary__creation"> 12 <div className="num__creation"> 13 <div className="number__class"> 14 <p>{creation.id}</p> 15 </div> 16 <div key={creation.id}> 17 <img 18 src={creation.logo} 19 alt="logoOne" 20 className="logo_class" 21 /> 22 </div> 23 </div> 24 <Link to="/" className="link"> 25 <div 26 className={`creation__Text ${ 27 creation.id > 9 ? "id__greater__than__9" : "" 28 }`} 29 > 30 <div> 31 <p style={{ fontWeight: 700 }}>{creation.title}</p> 32 </div> 33 <div className="secondary__Text"> 34 <div> 35 <p>FLOOR</p> 36 </div> 37 <div className="third__text"> 38 <div> 39 <p>2.57</p> 40 </div> 41 <div> 42 <img src={kyotoLogo} alt="" className="small__logo" /> 43 </div> 44 </div> 45 </div> 46 </div> 47 </Link> 48 </div> 49 <div className="third__creation"> 50 <div> 51 <p style={{ color: "#04BB00" }}>5.33%</p> 52 </div> 53 <div className="right__text"> 54 <div> 55 <p>21.57</p> 56 </div> 57 <div> 58 <img src={kyotoLogo} alt="" className="small__logo" /> 59 </div> 60 </div> 61 </div> 62 </div> 63 ))} 64 </div> 65 </div>