-
+
{currentProvider && currentProvider !== AuthProvider.Basic && (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx
index 03e5b77c719..6acd216d42b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.component.tsx
@@ -20,6 +20,7 @@ import {
useState,
} from 'react';
import { Link } from 'react-router-dom';
+import { ReactComponent as RightArrowIcon } from '../../../assets/svg/ic-right-arrow.svg';
import { BREADCRUMB_SEPARATOR } from '../../../constants/constants';
import TitleBreadcrumbSkeleton from '../Skeleton/BreadCrumb/TitleBreadcrumbSkeleton.component';
import './title-breadcrumb.less';
@@ -31,6 +32,7 @@ const TitleBreadcrumb: FunctionComponent = ({
noLink = false,
loading = false,
widthDeductions,
+ useCustomArrow = false,
}: TitleBreadcrumbProps) => {
const [screenWidth, setScreenWidth] = useState(window.innerWidth);
@@ -79,9 +81,15 @@ const TitleBreadcrumb: FunctionComponent = ({
}}>
{link.name}
- {noLink && index < titleLinks.length - 1 && (
- {'>'}
- )}
+ {noLink &&
+ index < titleLinks.length - 1 &&
+ (useCustomArrow ? (
+
+
+
+ ) : (
+ {'>'}
+ ))}
>
);
};
@@ -117,9 +125,15 @@ const TitleBreadcrumb: FunctionComponent = ({
{link.name}
-
- {BREADCRUMB_SEPARATOR}
-
+ {useCustomArrow ? (
+
+
+
+ ) : (
+
+ {BREADCRUMB_SEPARATOR}
+
+ )}
>
) : (
renderBreadcrumb(index, link, classes)
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts
index 2fc5ccaf8c2..9ef799c6a84 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/TitleBreadcrumb.interface.ts
@@ -26,4 +26,5 @@ export type TitleBreadcrumbProps = {
noLink?: boolean;
loading?: boolean;
widthDeductions?: number;
+ useCustomArrow?: boolean;
};
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less
index 115630ca7be..05bb7622a46 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TitleBreadcrumb/title-breadcrumb.less
@@ -10,6 +10,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
+@import (reference) '../../../styles/variables.less';
.breadcrumb-container {
ol,
ul {
@@ -17,4 +18,8 @@
padding: 0;
margin: 0;
}
+
+ .custom-separator {
+ margin: 0 @size-xs @size-xxs @size-xs;
+ }
}