small ui tweaks

codecov · Apr 26, 2024 · 620053e · 620053e
1 parent 21b0397
commit 620053e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/pages/RepoPage/ComponentsTab/subroute/ComponentsTable/ComponentsTable.tsx b/src/pages/RepoPage/ComponentsTab/subroute/ComponentsTable/ComponentsTable.tsx
@@ -74,6 +74,9 @@ export const LoadingTable = () => {
             </tr>
           ))}
         </thead>
+        <tbody>
+          <br />
+        </tbody>
       </table>
     </div>
   )
@@ -266,7 +269,6 @@ const ComponentTable = memo(function Table({
             </tr>
           ))}
         </thead>
-
         <tbody data-testid="body-row">
           {isLoading ? (
             <tr>
@@ -285,6 +287,10 @@ const ComponentTable = memo(function Table({
               </tr>
             ))
           )}
+          {
+            /* Adds an extra line beneath the header row for the special case that the table is empty  */
+            !tableData.length ? <br /> : null
+          }
         </tbody>
       </table>
     </div>

diff --git a/src/shared/ComponentsNotConfigured/ComponentsNotConfigured.tsx b/src/shared/ComponentsNotConfigured/ComponentsNotConfigured.tsx
@@ -1,4 +1,5 @@
 import Button from 'ui/Button'
+import Icon from 'ui/Icon'
 
 function ComponentsNotConfigured() {
   return (
@@ -16,8 +17,10 @@ function ComponentsNotConfigured() {
           variant="primary"
           disabled={false}
           to={{ pageName: 'components' }}
+          showExternalIcon={false}
         >
           Get started with components
+          <Icon name="externalLink" variant="solid" size="sm" />
         </Button>
       </div>
     </div>