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): use tamagui XStack

This commit is contained in:
RadoslavDimchev 2024-04-25 20:32:24 +03:00 committed by Emil Ivanichkov
parent 2e22c2ee1a
commit b65bf26127
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/General/Breadcrumb/Breadcrumb.tsx
View File

@ -2,16 +2,13 @@ import { Text } from '@status-im/components'
import { ChevronRightIcon } from '@status-im/icons'
import { XStack } from 'tamagui'
import './Breadcrumb.css'
type BreadcrumbBarProps = {
breadcrumbList: string[]
}
const Breadcrumb = ({ breadcrumbList }: BreadcrumbBarProps) => {
return (
<nav className="breadcrumb-bar-nav">
<ul className="breadcrumb-bar-ul">
<XStack space={'$2'} alignItems="center">
{breadcrumbList.map((item, index) => {
const isNotLast = index !== breadcrumbList.length - 1
return (
@ -23,8 +20,7 @@ const Breadcrumb = ({ breadcrumbList }: BreadcrumbBarProps) => {
</XStack>
)
})}
</ul>
</nav>
</XStack>
)
}