feat: add empty My Orders table description for unconnected state

duality-labs · Jun 3, 2024 · b17415f · b17415f
1 parent 6a9c9d6
commit b17415f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
@@ -12,6 +12,7 @@ export default function Table<
   getRowKey,
   context,
   rowDescription = 'Data',
+  messageOnEmptyData,
   filtered = false,
 }: {
   className?: string;
@@ -27,6 +28,7 @@ export default function Table<
   getRowKey?: (row: DataRow) => string | number;
   context: Context;
   rowDescription?: string;
+  messageOnEmptyData?: ReactNode;
   filtered?: boolean;
 }) {
   if (columns.length !== headings.length) {
@@ -85,9 +87,11 @@ export default function Table<
           <tr>
             <td colSpan={columns.length}>
               {data ? (
-                <>
-                  No {filtered ? 'Matching' : ''} {rowDescription} Found
-                </>
+                messageOnEmptyData || (
+                  <>
+                    No {filtered ? 'Matching' : ''} {rowDescription} Found
+                  </>
+                )
               ) : (
                 <>Loading...</>
               )}

diff --git a/src/pages/Orderbook/OrderbookFooter.tsx b/src/pages/Orderbook/OrderbookFooter.tsx
@@ -181,6 +181,7 @@ function OrderbookFooterTable({
         filterToStatus,
       }}
       rowDescription="Orders"
+      messageOnEmptyData={!address && 'Connect wallet to see your orders'}
     />
   );
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -181,6 +181,7 @@ function OrderbookFooterTable({ @@
             filterToStatus,
           }}
           rowDescription="Orders"
+          messageOnEmptyData={!address && 'Connect wallet to see your orders'}
         />
       );
     }
@@ Expand Down @@