diff --git a/app/components/Sidebar/components/CollectionLinkChildren.tsx b/app/components/Sidebar/components/CollectionLinkChildren.tsx index c303c405d..e40638cb4 100644 --- a/app/components/Sidebar/components/CollectionLinkChildren.tsx +++ b/app/components/Sidebar/components/CollectionLinkChildren.tsx @@ -5,7 +5,6 @@ import { useTranslation } from "react-i18next"; import styled from "styled-components"; import Collection from "~/models/Collection"; import Document from "~/models/Document"; -import DelayedMount from "~/components/DelayedMount"; import DocumentsLoader from "~/components/DocumentsLoader"; import { ResizingHeightContainer } from "~/components/ResizingHeightContainer"; import usePolicy from "~/hooks/usePolicy"; @@ -78,9 +77,7 @@ function CollectionLinkChildren({ {!childDocuments && ( - - - + )} {childDocuments?.map((node, index) => ( diff --git a/app/components/Sidebar/components/PlaceholderCollections.tsx b/app/components/Sidebar/components/PlaceholderCollections.tsx index 49c732f59..25dc68f06 100644 --- a/app/components/Sidebar/components/PlaceholderCollections.tsx +++ b/app/components/Sidebar/components/PlaceholderCollections.tsx @@ -1,14 +1,17 @@ import * as React from "react"; import styled from "styled-components"; +import DelayedMount from "~/components/DelayedMount"; import PlaceholderText from "~/components/PlaceholderText"; function PlaceholderCollections(props: React.HTMLAttributes) { return ( - - - - - + + + + + + + ); }