diff --git a/src/components/BoardAvatar.jsx b/src/components/BoardAvatar.jsx index 7cbe0f47..8d5a040b 100644 --- a/src/components/BoardAvatar.jsx +++ b/src/components/BoardAvatar.jsx @@ -25,7 +25,7 @@ const BoardAvatar = ({ address }) => { {!isOnline && ( offline )} diff --git a/src/components/OfflineIndicator.jsx b/src/components/OfflineIndicator.jsx index bae408c8..6596c4bf 100644 --- a/src/components/OfflineIndicator.jsx +++ b/src/components/OfflineIndicator.jsx @@ -16,7 +16,7 @@ const OfflineIndicator = ({ address, className, tooltipPlace }) => { alt="offline" src="assets/offline.png" data-tooltip-id="tooltip" - data-tooltip-content="OFFLINE" + data-tooltip-content="Offline" data-tooltip-place={tooltipPlace} /> diff --git a/src/components/styled/Catalog.styled.jsx b/src/components/styled/Catalog.styled.jsx index a066bef6..de5f20d0 100644 --- a/src/components/styled/Catalog.styled.jsx +++ b/src/components/styled/Catalog.styled.jsx @@ -39,6 +39,18 @@ export const Threads = styled.div` text-align: right; } + .offline-icon { + height: 16px; + margin: 2px; + } + + .offline-icon-no-link { + height: 13px; + position: absolute; + margin-left: 13px; + margin-top: -2px; + } + .sticky-icon { background-image: url(assets/sticky.gif); width: 16px; diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx index 8a709fc9..4e5f4241 100644 --- a/src/components/views/Catalog.jsx +++ b/src/components/views/Catalog.jsx @@ -2,6 +2,7 @@ import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react import { Helmet } from 'react-helmet-async'; import InfiniteScroll from 'react-infinite-scroller'; import { Link, useNavigate, useParams } from 'react-router-dom'; +import { Tooltip } from 'react-tooltip'; import { useFeed, usePublishComment, useSubplebbit, useSubscribe } from '@plebbit/plebbit-react-hooks'; import { debounce } from 'lodash'; import useGeneralStore from '../../hooks/stores/useGeneralStore'; @@ -282,10 +283,6 @@ const Catalog = () => { setSelectedAddress(subplebbit.address); }} >{subplebbit.title ? subplebbit.title : subplebbit.address} - {index !== defaultSubplebbits.length - 1 ? " /" : null} ))} @@ -342,7 +339,12 @@ const Catalog = () => { <>
{selectedTitle}
-
p/{selectedAddress}
+
p/{selectedAddress} + +
@@ -438,6 +440,7 @@ const Catalog = () => {
+ {feed.length < 1 ? ( diff --git a/src/components/views/SubscriptionsCatalog.jsx b/src/components/views/SubscriptionsCatalog.jsx index d5b99b46..bbfd7694 100644 --- a/src/components/views/SubscriptionsCatalog.jsx +++ b/src/components/views/SubscriptionsCatalog.jsx @@ -2,6 +2,7 @@ import React, { Fragment, useEffect, useState } from 'react'; import { Helmet } from 'react-helmet-async'; import InfiniteScroll from 'react-infinite-scroller'; import { Link, useNavigate } from 'react-router-dom'; +import { Tooltip } from 'react-tooltip'; import { useAccount, useFeed } from '@plebbit/plebbit-react-hooks'; import { debounce } from 'lodash'; import useGeneralStore from '../../hooks/stores/useGeneralStore'; @@ -106,10 +107,6 @@ const SubscriptionsCatalog = () => { setSelectedAddress(subplebbit.address); }} >{subplebbit.title ? subplebbit.title : subplebbit.address} - {index !== defaultSubplebbits.length - 1 ? " /" : null} ))} @@ -203,6 +200,7 @@ const SubscriptionsCatalog = () => {
+ {selectedFeed.length < 1 ? ( @@ -254,9 +252,21 @@ const SubscriptionsCatalog = () => { ) : null} ) : null} - {/*
- -
*/} +
+ {thread.link ? ( + // */ + + ) : ( + // */ + + ) } +
R: {thread.replyCount}