G

Map items

public
Guest Sep 28, 2023 Never 87
Clone
JavaScript Vertical Line 65 lines (65 loc) | 2.25 KB
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>