From b8f9fbf73ad70973250b4981afe2bbeea1201180 Mon Sep 17 00:00:00 2001 From: Niklas Date: Wed, 18 Aug 2021 00:36:28 +0200 Subject: [PATCH] improved breadcrum --- src/assets/breadcrum.svg | 11 +++++++++++ src/components/Breadcrum.tsx | 33 ++++++++++++++++++++------------- 2 files changed, 31 insertions(+), 13 deletions(-) create mode 100644 src/assets/breadcrum.svg diff --git a/src/assets/breadcrum.svg b/src/assets/breadcrum.svg new file mode 100644 index 0000000..f870b3d --- /dev/null +++ b/src/assets/breadcrum.svg @@ -0,0 +1,11 @@ + + + \ No newline at end of file diff --git a/src/components/Breadcrum.tsx b/src/components/Breadcrum.tsx index e562d11..cf41376 100644 --- a/src/components/Breadcrum.tsx +++ b/src/components/Breadcrum.tsx @@ -1,5 +1,6 @@ import React from "react" import PropTypes from "prop-types" +import { ReactComponent as BreadcrumImage } from "./../assets/breadcrum.svg" interface Props{ path: string @@ -10,25 +11,31 @@ const Breadcrum: React.FC = (props) => { const parts = props.path.split("/").filter(e=>e.length > 0) return ( -