status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add status texts

This commit is contained in:
RadoslavDimchev 2023-11-03 17:21:15 +02:00
parent 2cc892a8e1
commit 0c68665e58
1 changed files with 49 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
View File

@ -1,6 +1,7 @@
import { OptionsIcon } from '@status-im/icons' import { OptionsIcon } from '@status-im/icons'
import './ManagementTable.css' import './ManagementTable.css'
import { Text } from '@status-im/components'
const validators = [ const validators = [
{ {
@ -51,14 +52,30 @@ const ManagementTable = () => {
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
<th>Balance</th> <th>
<th>Income</th> <Text size={15}>Balance</Text>
<th>Proposals</th> </th>
<th>Attestations</th> <th>
<th>Effectiveness</th> <Text size={15}>Income</Text>
<th>Deposits</th> </th>
<th>Rank</th> <th>
<th>Status</th> <Text size={15}>Proposals</Text>
</th>
<th>
<Text size={15}>Attestations</Text>
</th>
<th>
<Text size={15}>Effectiveness</Text>
</th>
<th>
<Text size={15}>Deposits</Text>
</th>
<th>
<Text size={15}>Rank</Text>
</th>
<th>
<Text size={15}>Status</Text>
</th>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
@ -66,14 +83,30 @@ const ManagementTable = () => {
{validators.map((validator, index) => ( {validators.map((validator, index) => (
<tr key={index}> <tr key={index}>
<td></td> <td></td>
<td>{validator.balance}</td> <td>
<td>{validator.income}</td> <Text size={15}>{validator.balance}</Text>
<td>{validator.proposals}</td> </td>
<td>{validator.attestations}</td> <td>
<td>{validator.effectiveness}</td> <Text size={15}>{validator.income}</Text>
<td>{validator.deposits}</td> </td>
<td>{validator.rank}</td> <td>
<td>{validator.status}</td> <Text size={15}>{validator.proposals}</Text>
</td>
<td>
<Text size={15}>{validator.attestations}</Text>
</td>
<td>
<Text size={15}>{validator.effectiveness}</Text>
</td>
<td>
<Text size={15}>{validator.deposits}</Text>
</td>
<td>
<Text size={15}>{validator.rank}</Text>
</td>
<td>
<Text size={15}>{validator.status}</Text>
</td>
<td> <td>
<OptionsIcon size={20} style={{ cursor: 'pointer' }} /> <OptionsIcon size={20} style={{ cursor: 'pointer' }} />
</td> </td>