ui/ux touchup

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

@@ -126,8 +126,6 @@ function FileListPublished(props: Props) {
   return (
     <Page>
       <div className="card-stack">
-        {!fetching && myClaims.length > 0 && (
-          <>
         <ClaimList
           noEmpty
           header={
@@ -164,10 +162,13 @@ function FileListPublished(props: Props) {
           }
           headerAltControls={
             <div className="card__actions--inline">
-                  {fetching && <Spinner type="small" />}
-                  {!fetching && (
-                    <Button button="alt" label={__('Refresh')} icon={ICONS.REFRESH} onClick={fetchAllMyClaims} />
-                  )}
+              <Button
+                button="alt"
+                label={__('Refresh')}
+                icon={ICONS.REFRESH}
+                disabled={fetching}
+                onClick={fetchAllMyClaims}
+              />
               <Form onSubmit={() => {}} className="wunderbar--inline">
                 <Icon icon={ICONS.SEARCH} />
                 <FormField
@@ -175,7 +176,7 @@ function FileListPublished(props: Props) {
                   value={searchText}
                   onChange={(e) => setSearchText(e.target.value)}
                   type="text"
-                      placeholder={__('Search')}
+                  placeholder={__('Search Uploads')}
                   disabled={filterBy === FILTER_REPOSTS}
                 />
               </Form>
@@ -183,10 +184,9 @@ function FileListPublished(props: Props) {
           }
           persistedStorageKey="claim-list-published"
           uris={urls}
+          loading={fetching}
         />
         <Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} />
-          </>
-        )}
       </div>
       {!fetching && myClaims.length === 0 && (
         <React.Fragment>

ui/scss/component/_wunderbar.scss

@@ -98,6 +98,7 @@
     position: absolute;
     top: 0;
   }
+  border-radius: var(--border-radius);
 }
 
 .wunderbar__suggestions {