From db3868d65e6a3f645dda7778e4acf4a1ed2b2c2e Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Thu, 14 Apr 2022 22:49:26 -0400
Subject: [PATCH] ui/ux touchup

---
 static/app-strings.json            |   1 +
 ui/page/fileListPublished/view.jsx | 122 ++++++++++++++---------------
 ui/scss/component/_wunderbar.scss  |   1 +
 3 files changed, 63 insertions(+), 61 deletions(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index 7cea4e7d6..556fc65da 100644
--- a/static/app-strings.json
+++ b/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--"
 }
diff --git a/ui/page/fileListPublished/view.jsx b/ui/page/fileListPublished/view.jsx
index 05e9d4679..972e2d03d 100644
--- a/ui/page/fileListPublished/view.jsx
+++ b/ui/page/fileListPublished/view.jsx
@@ -126,67 +126,67 @@ function FileListPublished(props: Props) {
   return (
     <Page>
       <div className="card-stack">
-        {!fetching && myClaims.length > 0 && (
-          <>
-            <ClaimList
-              noEmpty
-              header={
-                <span>
-                  <Button
-                    button="alt"
-                    label={__('All')}
-                    aria-label={__('All uploads')}
-                    onClick={() => setFilterBy(FILTER_ALL)}
-                    className={classnames(`button-toggle`, {
-                      'button-toggle--active': filterBy === FILTER_ALL,
-                    })}
-                  />
-                  <Button
-                    button="alt"
-                    label={__('Uploads')}
-                    onClick={() => setFilterBy(FILTER_UPLOADS)}
-                    className={classnames(`button-toggle`, {
-                      'button-toggle--active': filterBy === FILTER_UPLOADS,
-                    })}
-                  />
-                  <Button
-                    button="alt"
-                    label={__('Reposts')}
-                    onClick={() => {
-                      setFilterBy(FILTER_REPOSTS);
-                      setSearchText('');
-                    }}
-                    className={classnames(`button-toggle`, {
-                      'button-toggle--active': filterBy === FILTER_REPOSTS,
-                    })}
-                  />
-                </span>
-              }
-              headerAltControls={
-                <div className="card__actions--inline">
-                  {fetching && <Spinner type="small" />}
-                  {!fetching && (
-                    <Button button="alt" label={__('Refresh')} icon={ICONS.REFRESH} onClick={fetchAllMyClaims} />
-                  )}
-                  <Form onSubmit={() => {}} className="wunderbar--inline">
-                    <Icon icon={ICONS.SEARCH} />
-                    <FormField
-                      className="wunderbar__input--inline"
-                      value={searchText}
-                      onChange={(e) => setSearchText(e.target.value)}
-                      type="text"
-                      placeholder={__('Search')}
-                      disabled={filterBy === FILTER_REPOSTS}
-                    />
-                  </Form>
-                </div>
-              }
-              persistedStorageKey="claim-list-published"
-              uris={urls}
-            />
-            <Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} />
-          </>
-        )}
+        <ClaimList
+          noEmpty
+          header={
+            <span>
+              <Button
+                button="alt"
+                label={__('All')}
+                aria-label={__('All uploads')}
+                onClick={() => setFilterBy(FILTER_ALL)}
+                className={classnames(`button-toggle`, {
+                  'button-toggle--active': filterBy === FILTER_ALL,
+                })}
+              />
+              <Button
+                button="alt"
+                label={__('Uploads')}
+                onClick={() => setFilterBy(FILTER_UPLOADS)}
+                className={classnames(`button-toggle`, {
+                  'button-toggle--active': filterBy === FILTER_UPLOADS,
+                })}
+              />
+              <Button
+                button="alt"
+                label={__('Reposts')}
+                onClick={() => {
+                  setFilterBy(FILTER_REPOSTS);
+                  setSearchText('');
+                }}
+                className={classnames(`button-toggle`, {
+                  'button-toggle--active': filterBy === FILTER_REPOSTS,
+                })}
+              />
+            </span>
+          }
+          headerAltControls={
+            <div className="card__actions--inline">
+              <Button
+                button="alt"
+                label={__('Refresh')}
+                icon={ICONS.REFRESH}
+                disabled={fetching}
+                onClick={fetchAllMyClaims}
+              />
+              <Form onSubmit={() => {}} className="wunderbar--inline">
+                <Icon icon={ICONS.SEARCH} />
+                <FormField
+                  className="wunderbar__input--inline"
+                  value={searchText}
+                  onChange={(e) => setSearchText(e.target.value)}
+                  type="text"
+                  placeholder={__('Search Uploads')}
+                  disabled={filterBy === FILTER_REPOSTS}
+                />
+              </Form>
+            </div>
+          }
+          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>
diff --git a/ui/scss/component/_wunderbar.scss b/ui/scss/component/_wunderbar.scss
index b08561926..f9a57da06 100644
--- a/ui/scss/component/_wunderbar.scss
+++ b/ui/scss/component/_wunderbar.scss
@@ -98,6 +98,7 @@
     position: absolute;
     top: 0;
   }
+  border-radius: var(--border-radius);
 }
 
 .wunderbar__suggestions {