feat: handle properly empty title on Pagination

tangle-network · Oct 25, 2024 · ce7ec83 · ce7ec83
1 parent 98053a6
commit ce7ec83
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/libs/webb-ui-components/src/components/Pagination/Pagination.tsx b/libs/webb-ui-components/src/components/Pagination/Pagination.tsx
@@ -21,7 +21,7 @@ export const Pagination = React.forwardRef<HTMLDivElement, PaginationProps>(
       siblingCount,
       totalItems,
       totalPages,
-      title,
+      title = '',
       iconSize = 'lg',
       ...props
     },
@@ -70,7 +70,7 @@ export const Pagination = React.forwardRef<HTMLDivElement, PaginationProps>(
         <p className="body1 text-mono-160 dark:text-mono-100">
           {totalItems === 0
             ? 'No items'
-            : `Showing ${showingItemsCount} ${title} out of ${totalItems ?? '-'}`}
+            : `Showing ${showingItemsCount} ${title ? `${title} ` : ''}out of ${totalItems ?? '-'}`}
         </p>
 
         {/** Right buttons */}