diff --git a/static/app-strings.json b/static/app-strings.json index 74a8f8204..d7936a715 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -894,5 +894,9 @@ "Start minimized": "Start minimized", "Improve view speed and help the LBRY network by allowing the app to cuddle up in your system tray.": "Improve view speed and help the LBRY network by allowing the app to cuddle up in your system tray.", "Content Type": "Content Type", - "Submit Feedback": "Submit Feedback" + "Submit Feedback": "Submit Feedback", + "Checking your publishes...": "Checking your publishes...", + "Checking your publishes": "Checking your publishes", + "Checking for channels": "Checking for channels", + "files": "files" } \ No newline at end of file diff --git a/ui/page/channels/view.jsx b/ui/page/channels/view.jsx index df04d1c23..a067016a9 100644 --- a/ui/page/channels/view.jsx +++ b/ui/page/channels/view.jsx @@ -4,6 +4,7 @@ import ClaimList from 'component/claimList'; import Page from 'component/page'; import Button from 'component/button'; import YoutubeTransferStatus from 'component/youtubeTransferStatus'; +import Spinner from 'component/spinner'; type Props = { channels: Array, @@ -36,7 +37,7 @@ export default function ChannelsPage(props: Props) { {hasYoutubeChannels && } - {channels && channels.length ? ( + {channels && Boolean(channels.length) && (
channel.permanent_url)} />
- ) : ( -
-
-

{__('No Channels Created Yet')}

+ )} + {!(channels && channels.length) && ( + + {!fetchingChannels ? ( +
+
+

{__('No Channels Created Yet')}

-
-
-
-
+
+
+
+
+ ) : ( +
+
+

+ {__('Checking for channels')} + +

+
+
+ )} + )}
); diff --git a/ui/page/fileListPublished/view.jsx b/ui/page/fileListPublished/view.jsx index 3bad0a945..beb1718dc 100644 --- a/ui/page/fileListPublished/view.jsx +++ b/ui/page/fileListPublished/view.jsx @@ -6,6 +6,7 @@ import Page from 'component/page'; import Paginate from 'component/common/paginate'; import { PAGE_SIZE } from 'constants/claim'; import WebUploadList from 'component/webUploadList'; +import Spinner from 'component/spinner'; type Props = { checkPendingPublishes: () => void, @@ -27,7 +28,7 @@ function FileListPublished(props: Props) { return ( - {urls && urls.length ? ( + {urls && Boolean(urls.length) && (
- ) : ( -
-
-

{__('Nothing published to LBRY yet.')}

- -
-
-
-
+ )} + {!(urls && urls.length) && ( + + {!fetching ? ( +
+
+

{__('Nothing published to LBRY yet.')}

+
+
+
+
+ ) : ( +
+
+

+ {__('Checking your publishes')} + +

+
+
+ )} +
)}
);