feat(validator-request): divider from prop

This commit is contained in:
RadoslavDimchev 2024-02-23 10:34:23 +02:00 committed by Emil Ivanichkov
parent d279b97806
commit 2718212c27
3 changed files with 12 additions and 1 deletions

View File

@ -58,6 +58,7 @@ const Deposit = () => {
key={index} key={index}
name={(index + 1).toString()} name={(index + 1).toString()}
isTransactionConfirmation={isTransactionConfirmation} isTransactionConfirmation={isTransactionConfirmation}
isWithDivider={true}
/> />
))} ))}
{isInfoBoxVisible && !isTransactionConfirmation && ( {isInfoBoxVisible && !isTransactionConfirmation && (

View File

@ -34,3 +34,11 @@ export const BigNumber: Story = {
isTransactionConfirmation: false, isTransactionConfirmation: false,
}, },
} }
export const WithDivider: Story = {
args: {
name: '1',
isTransactionConfirmation: false,
isWithDivider: true,
},
}

View File

@ -7,11 +7,13 @@ import ValidatorProfile from '../../../../components/General/ValidatorProfile'
type ValidatorRequestProps = { type ValidatorRequestProps = {
name: string name: string
isTransactionConfirmation?: boolean isTransactionConfirmation?: boolean
isWithDivider?: boolean
} }
const ValidatorRequest = ({ const ValidatorRequest = ({
name, name,
isTransactionConfirmation, isTransactionConfirmation,
isWithDivider,
}: ValidatorRequestProps) => { }: ValidatorRequestProps) => {
let transactionStatus = 'Complete' let transactionStatus = 'Complete'
const isTransactionCompleted = transactionStatus === 'Complete' const isTransactionCompleted = transactionStatus === 'Complete'
@ -48,7 +50,7 @@ const ValidatorRequest = ({
/> />
</XStack> </XStack>
</XStack> </XStack>
<DividerLine /> {isWithDivider && <DividerLine />}
</YStack> </YStack>
) )
} }