From f35937e1710e28a9f0d352b28ca910d253d364d5 Mon Sep 17 00:00:00 2001
From: Anxo Rodriguez <anxolin@gmail.com>
Date: Wed, 18 Dec 2024 12:02:49 +0000
Subject: [PATCH] feat: show a message when all orders are being shown

---
 .../orders/OrdersUserDetailsTable/index.tsx   | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
index 232d3fbf94..0efd2ec7e8 100644
--- a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
+++ b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
@@ -262,23 +262,28 @@ const OrdersUserDetailsTable: React.FC<Props> = (props) => {
             <FilterRow>
               <td colSpan={8}>
                 <div>
-                  {hiddenOrdersCount > 0 && (
-                    <HiddenOrdersLegend>
-                      <p>
-                        Showing {orders.length - hiddenOrdersCount} out of {orders.length} orders for the current page.
-                      </p>
-                      <p>
-                        {hiddenOrdersCount} orders are hidden, you can make them visible using the filters below
-                        {tableState.hasNextPage ? (
-                          <span>
-                            , or go to&nbsp;<a onClick={handleNextPage}>next page</a>&nbsp;for more orders.
-                          </span>
-                        ) : (
-                          '.'
-                        )}
-                      </p>
-                    </HiddenOrdersLegend>
-                  )}
+                  <HiddenOrdersLegend>
+                    {hiddenOrdersCount > 0 ? (
+                      <>
+                        <p>
+                          Showing {orders.length - hiddenOrdersCount} out of {orders.length} orders for the current
+                          page.
+                        </p>
+                        <p>
+                          {hiddenOrdersCount} orders are hidden, you can make them visible using the filters below
+                          {tableState.hasNextPage ? (
+                            <span>
+                              , or go to&nbsp;<a onClick={handleNextPage}>next page</a>&nbsp;for more orders.
+                            </span>
+                          ) : (
+                            '.'
+                          )}
+                        </p>
+                      </>
+                    ) : (
+                      <p>Showing all {orders.length} orders for the current page.</p>
+                    )}
+                  </HiddenOrdersLegend>
                   <Filters>
                     {canceledAndExpiredCount > 0 && (
                       <ToggleFilter