diff --git a/shared/components/Breadcrumb.js b/shared/components/Breadcrumb.js index 30e039ffb..fff4f469b 100644 --- a/shared/components/Breadcrumb.js +++ b/shared/components/Breadcrumb.js @@ -7,6 +7,7 @@ import { Link } from 'react-router-dom'; import { CollectionIcon, PrivateCollectionIcon, + PadlockIcon, GoToIcon, MoreIcon, } from 'outline-icons'; @@ -32,6 +33,11 @@ const Breadcrumb = observer(({ document, collections, onlyText }: Props) => { if (onlyText === true) { return ( + {collection.private && ( + + {' '} + + )} {collection.name} {path.map(n => ( @@ -83,6 +89,11 @@ const Wrapper = styled(Flex)` `}; `; +const SmallPadlockIcon = styled(PadlockIcon)` + display: inline-block; + vertical-align: sub; +`; + const SmallSlash = styled(GoToIcon)` width: 15px; height: 10px;