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 ( - +