From b65bf26127ad904c040dca48a3fc3d15a4256a33 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 25 Apr 2024 20:32:24 +0300
Subject: [PATCH] feat(breadcrumb): use tamagui XStack

---
 .../General/Breadcrumb/Breadcrumb.tsx         | 30 ++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/components/General/Breadcrumb/Breadcrumb.tsx b/src/components/General/Breadcrumb/Breadcrumb.tsx
index 8f68fff5..2ccdf8b0 100644
--- a/src/components/General/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/General/Breadcrumb/Breadcrumb.tsx
@@ -2,29 +2,25 @@ 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">
-        {breadcrumbList.map((item, index) => {
-          const isNotLast = index !== breadcrumbList.length - 1
-          return (
-            <XStack space={'$2'} alignItems="center" key={index}>
-              <Text size={15} color={isNotLast ? '#647084' : ''}>
-                {item}
-              </Text>
-              {isNotLast && <ChevronRightIcon size={20} color="#647084" />}
-            </XStack>
-          )
-        })}
-      </ul>
-    </nav>
+    <XStack space={'$2'} alignItems="center">
+      {breadcrumbList.map((item, index) => {
+        const isNotLast = index !== breadcrumbList.length - 1
+        return (
+          <XStack space={'$2'} alignItems="center" key={index}>
+            <Text size={15} color={isNotLast ? '#647084' : ''}>
+              {item}
+            </Text>
+            {isNotLast && <ChevronRightIcon size={20} color="#647084" />}
+          </XStack>
+        )
+      })}
+    </XStack>
   )
 }