@@ -9,93 +9,109 @@ import {
9
9
} from "./ui/table"
10
10
import ExpandableCard from "./ExpandableCard"
11
11
12
+ import useTranslation from "@/hooks/useTranslation"
12
13
import DevelopingImage from "@/public/images/network-maturity/developing.svg"
13
14
import EmergingImage from "@/public/images/network-maturity/emerging.svg"
14
15
import MaturingImage from "@/public/images/network-maturity/maturing.svg"
15
16
import RobustImage from "@/public/images/network-maturity/robust.svg"
16
17
17
18
const NetworkMaturity = ( ) => {
19
+ const { t } = useTranslation ( "page-layer-2-networks" )
20
+
18
21
return (
19
22
< div className = "mx-9 mt-10" >
20
23
< ExpandableCard title = "Network maturity explained" >
21
24
< div >
22
25
< div className = "space-y-4" >
23
26
< p >
24
- We review the network’s progress towards { " " }
27
+ { t ( "page-layer-2- network-maturity-component-1" ) } { " " }
25
28
< InlineLink href = "https://medium.com/l2beat/introducing-stages-a-framework-to-evaluate-rollups-maturity-d290bb22befe" >
26
- Ethereum alignment
29
+ { t ( "page-layer-2-network-maturity-component-2" ) }
27
30
</ InlineLink > { " " }
28
- (< strong > rollup stages 0-2</ strong > ),{ " " }
29
- < strong > total value locked (TVL)</ strong > ,
30
- < strong > time live in production</ strong > , and{ " " }
31
- < strong > risk considerations</ strong > . These levels help track
32
- network development and provide a standardized way for the
33
- community to evaluate progress.
34
- </ p >
35
- < p >
36
- Technical progress alone is not enough, user adoption and age are
37
- essential part of the overall strength and maturity on any
38
- network.
31
+ (< strong > { t ( "page-layer-2-network-maturity-component-3" ) } </ strong >
32
+ ),{ " " }
33
+ < strong > { t ( "page-layer-2-network-maturity-component-4" ) } </ strong > ,{ " " }
34
+ < strong > { t ( "page-layer-2-network-maturity-component-5" ) } </ strong > .{ " " }
35
+ { t ( "page-layer-2-network-maturity-component-6" ) }
39
36
</ p >
37
+ < p > { t ( "page-layer-2-network-maturity-component-7" ) } </ p >
40
38
</ div >
41
39
42
40
< Table className = "mt-4 w-full max-w-[760px]" >
43
41
< TableHeader >
44
42
< TableRow >
45
- < TableHead className = "w-1/2" > Maturity</ TableHead >
46
- < TableHead className = "w-1/2" > Requirements</ TableHead >
43
+ < TableHead className = "w-1/2" >
44
+ { t ( "page-layer-2-network-maturity-component-8" ) }
45
+ </ TableHead >
46
+ < TableHead className = "w-1/2" >
47
+ { t ( "page-layer-2-network-maturity-component-9" ) }
48
+ </ TableHead >
47
49
</ TableRow >
48
50
</ TableHeader >
49
51
< TableBody >
50
52
< TableRow >
51
53
< TableCell className = "border-none bg-[#3C4CEB] align-middle text-white" >
52
54
< div className = "flex items-center gap-2" >
53
55
< RobustImage />
54
- < strong > Robust </ strong >
56
+ < strong > { t ( "page-layer-2-networks-robust-label" ) } </ strong >
55
57
</ div >
56
58
</ TableCell >
57
59
< TableCell >
58
- • Stage 2< br /> • At least $1B TVL
60
+ { t ( "page-layer-2-network-maturity-component-10" ) }
61
+ < br />
62
+ { t ( "page-layer-2-network-maturity-component-11" ) }
59
63
</ TableCell >
60
64
</ TableRow >
61
65
62
66
< TableRow >
63
67
< TableCell className = "bg-[#6995F7] align-middle text-white" >
64
68
< div className = "flex items-center gap-2" >
65
69
< MaturingImage />
66
- < strong > Maturing </ strong >
70
+ < strong > { t ( "page-layer-2-networks-maturing-label" ) } </ strong >
67
71
</ div >
68
72
</ TableCell >
69
73
< TableCell >
70
- • Stage 1< br /> • At least $150M TVL
71
- < br /> • 6+ months live in production
74
+ { t ( "page-layer-2-network-maturity-component-12" ) }
75
+ < br />
76
+ { t ( "page-layer-2-network-maturity-component-13" ) }
77
+ < br />
78
+ { t ( "page-layer-2-network-maturity-component-14" ) }
72
79
</ TableCell >
73
80
</ TableRow >
74
81
75
82
< TableRow >
76
83
< TableCell className = "bg-[#CADFFB] align-middle text-black" >
77
84
< div className = "flex items-center gap-2" >
78
85
< DevelopingImage />
79
- < strong > Developing</ strong >
86
+ < strong >
87
+ { t ( "page-layer-2-networks-developing-label" ) }
88
+ </ strong >
80
89
</ div >
81
90
</ TableCell >
82
91
< TableCell >
83
- • Stage 0< br /> • Risk assessment: 3/5 (L2beat)
84
- < br /> • At least $150M TVL
85
- < br /> • 6+ months live in production
92
+ { t ( "page-layer-2-network-maturity-component-15" ) }
93
+ < br />
94
+ { t ( "page-layer-2-network-maturity-component-16" ) }
95
+ < br />
96
+ { t ( "page-layer-2-network-maturity-component-13" ) }
97
+ < br />
98
+ { t ( "page-layer-2-network-maturity-component-14" ) }
86
99
</ TableCell >
87
100
</ TableRow >
88
101
89
102
< TableRow >
90
103
< TableCell className = "bg-[#E8F1FF] align-middle text-black" >
91
104
< div className = "flex items-center gap-2" >
92
105
< EmergingImage />
93
- < strong > Emerging </ strong >
106
+ < strong > { t ( "page-layer-2-networks-emerging-label" ) } </ strong >
94
107
</ div >
95
108
</ TableCell >
96
109
< TableCell >
97
- • Stage 0< br /> • Risk assessment: 2/5 (L2beat)
98
- < br /> • At least $150M TVL or 6+ months live in production
110
+ { t ( "page-layer-2-network-maturity-component-15" ) }
111
+ < br />
112
+ { t ( "page-layer-2-network-maturity-component-17" ) }
113
+ < br />
114
+ { t ( "page-layer-2-network-maturity-component-18" ) }
99
115
</ TableCell >
100
116
</ TableRow >
101
117
</ TableBody >
0 commit comments