diff --git a/src/pages/ValidatorManagement/ManagementTable/ManagementTableBody.tsx b/src/pages/ValidatorManagement/ManagementTable/ManagementTableBody.tsx
index 3d2a3f80..efd149cb 100644
--- a/src/pages/ValidatorManagement/ManagementTable/ManagementTableBody.tsx
+++ b/src/pages/ValidatorManagement/ManagementTable/ManagementTableBody.tsx
@@ -5,13 +5,18 @@ import ManagementTableRow from './ManagementTableRow'
type ManagementTableBodyProps = {
filteredValidators: Validator[]
+ isAllSelected: boolean
}
-const ManagementTableBody = ({ filteredValidators }: ManagementTableBodyProps) => {
+const ManagementTableBody = ({ filteredValidators, isAllSelected }: ManagementTableBodyProps) => {
return (
{filteredValidators.map(validator => (
-
+
))}
{filteredValidators.length === 0 && (
diff --git a/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.stories.tsx b/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.stories.tsx
index 0f1c7e4e..9c2f88c2 100644
--- a/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.stories.tsx
+++ b/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.stories.tsx
@@ -18,5 +18,6 @@ type Story = StoryObj
export const Default: Story = {
args: {
validator: VALIDATORS_DATA[0],
+ isAllSelected: false,
},
}
diff --git a/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.tsx b/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.tsx
index 7632f633..7a21bafe 100644
--- a/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.tsx
+++ b/src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react'
import { Checkbox, Text } from '@status-im/components'
import { OptionsIcon } from '@status-im/icons'
@@ -6,13 +7,29 @@ import { Validator } from './ManagementTable'
type ManagementTableRowProps = {
validator: Validator
+ isAllSelected: boolean
}
-const ManagementTableRow = ({ validator }: ManagementTableRowProps) => {
+const ManagementTableRow = ({ validator, isAllSelected }: ManagementTableRowProps) => {
+ const [isSelected, setIsSelected] = useState(false)
+
+ useEffect(() => {
+ setIsSelected(isAllSelected)
+ }, [isAllSelected])
+
+ const handleChangeIsSelected = () => {
+ setIsSelected(state => !state)
+ }
+
return (
-
+
|
|