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-bar): add chevron after route

This commit is contained in:
RadoslavDimchev 2024-04-25 20:00:15 +03:00 committed by Emil Ivanichkov
parent fce6ebf9cb
commit 1419e35a83
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/General/BreadcrumbBar/BreadcrumbBar.tsx
View File

@ -1,3 +1,6 @@
import { ChevronRightIcon } from '@status-im/icons'
import { XStack } from 'tamagui'
import './BreadcrumbBar.css' import './BreadcrumbBar.css'
type BreadcrumbBarProps = { type BreadcrumbBarProps = {
@ -9,9 +12,12 @@ const BreadcrumbBar = ({ breadcrumbList }: BreadcrumbBarProps) => {
<nav className="breadcrumb-bar-nav"> <nav className="breadcrumb-bar-nav">
<ul className="breadcrumb-bar-ul"> <ul className="breadcrumb-bar-ul">
{breadcrumbList.map((item, index) => ( {breadcrumbList.map((item, index) => (
<li className="breadcrumb-bar-li" key={index}> <XStack space={'$2'} alignItems="center" key={index}>
{item} <li className="breadcrumb-bar-li">{item}</li>
</li> {index !== breadcrumbList.length - 1 && (
<ChevronRightIcon size={20} color="#647084" />
)}
</XStack>
))} ))}
</ul> </ul>
</nav> </nav>