diff --git a/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx b/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx index a163e4f98..71d42747c 100644 --- a/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx +++ b/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx @@ -4,7 +4,19 @@ import type { LinkedItemCardProps } from './CardTypes' import { HighlightItemCard } from './HighlightItemCard' import { PageType } from '../../../lib/networking/fragments/articleFragment' +const shouldHideUrl = (url: string): boolean => { + const origin = new URL(url).origin + const hideHosts = ['https://storage.googleapis.com', 'https://omnivore.app'] + if (hideHosts.indexOf(origin) != -1) { + return true + } + return false +} + const siteName = (originalArticleUrl: string, itemUrl: string): string => { + if (shouldHideUrl(originalArticleUrl)) { + return '' + } try { return new URL(originalArticleUrl).hostname.replace(/^www\./, '') } catch {} diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx index 9c53341a6..f3eb9a768 100644 --- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx +++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx @@ -695,18 +695,31 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element { }, }) - const DragnDropStyle = styled('div', { - border: '3px dashed gray', - backgroundColor: 'aliceblue', - borderRadius: '5px', - width: '95%', + const DragnDropContainer = styled('div', { + width: '100%', height: '80%', position: 'absolute', - opacity: '0.9', display: 'flex', justifyContent: 'center', alignItems: 'center', zIndex: '1', + alignSelf: 'center', + left: 0, + }) + + const DragnDropStyle = styled('div', { + border: '3px dashed gray', + backgroundColor: 'aliceblue', + borderRadius: '5px', + width: '100%', + height: '100%', + opacity: '0.9', + display: 'flex', + justifyContent: 'center', + alignItems: 'center', + alignSelf: 'center', + left: 0, + margin: '16px', }) const removeItem = () => { @@ -900,49 +913,53 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element { {({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => (
{inDragOperation && uploadingFiles.length < 1 && ( - - - Drop PDF document here to add to your library - - - )} - {uploadingFiles.length > 0 && ( - - - - - - + + - Uploading file - - - + Drop PDF document to to upload and add to your library + + + + )} + {uploadingFiles.length > 0 && ( + + + + + + + + Uploading file + + + + )} {!props.isValidating && props.items.length == 0 ? ( diff --git a/packages/web/components/templates/library/LibraryList.tsx b/packages/web/components/templates/library/LibraryList.tsx index b701c34b5..ebea7d71a 100644 --- a/packages/web/components/templates/library/LibraryList.tsx +++ b/packages/web/components/templates/library/LibraryList.tsx @@ -97,7 +97,10 @@ export function LibraryList(props: LibraryListProps): JSX.Element { noDragEventsBubbling={true} > {({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => ( - +