From a55f1df17f220a59af38d6ea75c05e4d8742f8d8 Mon Sep 17 00:00:00 2001
From: ajbura <ajbura@gmail.com>
Date: Wed, 16 Feb 2022 19:56:02 +0530
Subject: [PATCH] Change class name for drawer breadcrumb

Signed-off-by: ajbura <ajbura@gmail.com>
---
 src/app/organisms/navigation/DrawerBreadcrumb.jsx  | 6 +++---
 src/app/organisms/navigation/DrawerBreadcrumb.scss | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/organisms/navigation/DrawerBreadcrumb.jsx b/src/app/organisms/navigation/DrawerBreadcrumb.jsx
index d2f1f9e..c221827 100644
--- a/src/app/organisms/navigation/DrawerBreadcrumb.jsx
+++ b/src/app/organisms/navigation/DrawerBreadcrumb.jsx
@@ -85,9 +85,9 @@ function DrawerBreadcrumb({ spaceId }) {
   }
 
   return (
-    <div className="breadcrumb__wrapper">
+    <div className="drawer-breadcrumb__wrapper">
       <ScrollView ref={scrollRef} horizontal vertical={false} invisible>
-        <div className="breadcrumb">
+        <div className="drawer-breadcrumb">
           {
             spacePath.map((id, index) => {
               const noti = (id !== cons.tabs.HOME && index < spacePath.length)
@@ -100,7 +100,7 @@ function DrawerBreadcrumb({ spaceId }) {
                 >
                   { index !== 0 && <RawIcon size="extra-small" src={ChevronRightIC} />}
                   <Button
-                    className={index === spacePath.length - 1 ? 'breadcrumb__btn--selected' : ''}
+                    className={index === spacePath.length - 1 ? 'drawer-breadcrumb__btn--selected' : ''}
                     onClick={() => selectSpace(id)}
                   >
                     <Text variant="b2">{id === cons.tabs.HOME ? 'Home' : twemojify(mx.getRoom(id).name)}</Text>
diff --git a/src/app/organisms/navigation/DrawerBreadcrumb.scss b/src/app/organisms/navigation/DrawerBreadcrumb.scss
index cd8519a..0b7bacc 100644
--- a/src/app/organisms/navigation/DrawerBreadcrumb.scss
+++ b/src/app/organisms/navigation/DrawerBreadcrumb.scss
@@ -1,12 +1,12 @@
 @use '../../partials/text';
 @use '../../partials/dir';
 
-.breadcrumb__wrapper {
+.drawer-breadcrumb__wrapper {
   height: var(--header-height);
   position: relative;
 }
 
-.breadcrumb {
+.drawer-breadcrumb {
   display: flex;
   align-items: center;
   height: 100%;