diff --git a/packages/web/components/templates/article/ArticleContainer.tsx b/packages/web/components/templates/article/ArticleContainer.tsx index bd319eaaf..1e5af9281 100644 --- a/packages/web/components/templates/article/ArticleContainer.tsx +++ b/packages/web/components/templates/article/ArticleContainer.tsx @@ -123,21 +123,16 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element { props.highlightOnRelease ) // iOS app embed can overide the original margin and line height - const [maxWidthPercentageOverride, setMaxWidthPercentageOverride] = useState< - number | null - >(null) - const [lineHeightOverride, setLineHeightOverride] = useState( - null - ) - const [fontFamilyOverride, setFontFamilyOverride] = useState( - null - ) - const [highContrastTextOverride, setHighContrastTextOverride] = useState< - boolean | undefined - >(undefined) - const [justifyTextOverride, setJustifyTextOverride] = useState< - boolean | undefined - >(undefined) + const [maxWidthPercentageOverride, setMaxWidthPercentageOverride] = + useState(null) + const [lineHeightOverride, setLineHeightOverride] = + useState(null) + const [fontFamilyOverride, setFontFamilyOverride] = + useState(null) + const [highContrastTextOverride, setHighContrastTextOverride] = + useState(undefined) + const [justifyTextOverride, setJustifyTextOverride] = + useState(undefined) const highlightHref = useRef( window.location.hash ? window.location.hash.split('#')[1] : null ) @@ -388,6 +383,8 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element { ) }, [props.article.recommendations]) + console.log('props.article', props.article) + return ( <> { if (queryValue.startsWith('#')) { debouncedFetchSearchResults( @@ -370,6 +374,7 @@ export function LibraryContainer(props: LibraryContainerProps): JSX.Element { }) return } + showSuccessToast(`Item deleted`, { position: 'bottom-right', }) @@ -797,33 +802,6 @@ export function LibraryContainer(props: LibraryContainerProps): JSX.Element { [itemsPages, multiSelectMode, checkedItems] ) - // return ( - // Loading...} - // endMessage={ - //

- // Yay! You have seen it all - //

- // } - // > - // {libraryItems.map((item) => { - // return ( - // { - // router.push(`/${viewerData?.profile.username}/${item.node.slug}`) - // }} - // > - // {item.cursor}: {item.node.title} - // - // ) - // })} - //
- // ) - return ( )} - {props.isValidating && props.items.length == 0 && } + {props.isValidating && }
{ if ( diff --git a/packages/web/lib/toastHelpers.tsx b/packages/web/lib/toastHelpers.tsx index 5343acfdd..cc1e23ab3 100644 --- a/packages/web/lib/toastHelpers.tsx +++ b/packages/web/lib/toastHelpers.tsx @@ -147,6 +147,7 @@ const showToastWithAction = ( } export const showSuccessToast = (message: string, options?: ToastOptions) => { + console.trace('showing success toast') return showToast(message, '#55B938', 'success', { position: 'bottom-right', ...options, diff --git a/packages/web/pages/[username]/[slug]/index.tsx b/packages/web/pages/[username]/[slug]/index.tsx index 087c7ed06..1c5b858b3 100644 --- a/packages/web/pages/[username]/[slug]/index.tsx +++ b/packages/web/pages/[username]/[slug]/index.tsx @@ -470,7 +470,6 @@ export default function Reader(): JSX.Element { libraryItem?.slug ) - new Error() if ( articleFetchError && 'message' in articleFetchError && @@ -480,6 +479,7 @@ export default function Reader(): JSX.Element { return } + console.log('library item: ', libraryItem) return (