static/app-strings.json

@@ -2306,5 +2306,6 @@
   "Privacy": "Privacy",
   "LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?": "LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?",
   "Yes, share with LBRY": "Yes, share with LBRY",
+  "Search Uploads": "Search Uploads",
   "--end--": "--end--"
 }

ui/page/fileListPublished/view.jsx

@@ -4,6 +4,7 @@ import * as ICONS from 'constants/icons';
 import React, { useEffect, useMemo } from 'react';
 import Button from 'component/button';
 import ClaimList from 'component/claimList';
+import ClaimPreview from 'component/claimPreview';
 import Page from 'component/page';
 import Paginate from 'component/common/paginate';
 import { PAGE_PARAM, PAGE_SIZE_PARAM } from 'constants/claim';
@@ -126,6 +127,8 @@ function FileListPublished(props: Props) {
   return (
     <Page>
       <div className="card-stack">
+        {!!urls && (
+          <>
             <ClaimList
               noEmpty
               header={
@@ -183,10 +186,14 @@ function FileListPublished(props: Props) {
                 </div>
               }
               persistedStorageKey="claim-list-published"
-          uris={urls}
+              uris={fetching ? [] : urls}
               loading={fetching}
             />
+            {fetching &&
+              new Array(Number(pageSize)).fill(1).map((x, i) => <ClaimPreview key={i} placeholder="loading" />)}
             <Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} />
+          </>
+        )}
       </div>
       {!fetching && myClaims.length === 0 && (
         <React.Fragment>