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(breadcrumb-element): add pointer and handler

This commit is contained in:
RadoslavDimchev 2024-04-25 23:17:06 +03:00 committed by Emil Ivanichkov
parent 6667c72e97
commit 82e97f4840
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/General/Breadcrumb/BreadcrumbElement.tsx
View File

@ -1,6 +1,6 @@
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import { ChevronRightIcon } from '@status-im/icons' import { ChevronRightIcon } from '@status-im/icons'
import { XStack } from 'tamagui' import { Stack, XStack } from 'tamagui'
type BreadcrumbElementProps = { type BreadcrumbElementProps = {
element: string element: string
@ -11,11 +11,15 @@ const BreadcrumbElement = ({
element, element,
isLastElement, isLastElement,
}: BreadcrumbElementProps) => { }: BreadcrumbElementProps) => {
const onClickBreadcrumbElement = () => {}
return ( return (
<XStack space={'$2'} alignItems="center"> <XStack space={'$2'} alignItems="center">
<Text size={15} color={isLastElement ? '' : '#647084'}> <Stack onPress={onClickBreadcrumbElement} style={{ cursor: 'pointer' }}>
{element} <Text size={15} color={isLastElement ? '' : '#647084'}>
</Text> {element}
</Text>
</Stack>
{isLastElement === false && ( {isLastElement === false && (
<ChevronRightIcon size={20} color="#647084" /> <ChevronRightIcon size={20} color="#647084" />
)} )}