From d2d82136c968d0eec52a837251d623aebdc2eb5e Mon Sep 17 00:00:00 2001
From: guibescos <59208140+guibescos@users.noreply.github.com>
Date: Mon, 16 Jan 2023 19:40:25 -0600
Subject: [PATCH] Sort mapping accounts (#497)

---
 .../components/MinPublishers.tsx              | 43 +++++++++++--------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/governance/xc-admin/packages/xc-admin-frontend/components/MinPublishers.tsx b/governance/xc-admin/packages/xc-admin-frontend/components/MinPublishers.tsx
index 45967a97..09bddbcd 100644
--- a/governance/xc-admin/packages/xc-admin-frontend/components/MinPublishers.tsx
+++ b/governance/xc-admin/packages/xc-admin-frontend/components/MinPublishers.tsx
@@ -36,25 +36,30 @@ function MinPublishers() {
                 </thead>
                 <tbody>
                   {rawConfig.mappingAccounts.length ? (
-                    rawConfig.mappingAccounts[0].products.map((product) =>
-                      product.priceAccounts.map((priceAccount) => {
-                        return (
-                          <tr
-                            key={product.metadata.symbol}
-                            className="border-t border-beige-300"
-                          >
-                            <td className="py-3 pl-4 pr-2 lg:pl-14">
-                              {product.metadata.symbol}
-                            </td>
-                            <td className="py-3 pl-1 lg:pl-14">
-                              <span className="mr-2">
-                                {priceAccount.minPub}
-                              </span>
-                            </td>
-                          </tr>
-                        )
-                      })
-                    )
+                    rawConfig.mappingAccounts
+                      .sort(
+                        (mapping1, mapping2) =>
+                          mapping2.products.length - mapping1.products.length
+                      )[0]
+                      .products.map((product) =>
+                        product.priceAccounts.map((priceAccount) => {
+                          return (
+                            <tr
+                              key={product.metadata.symbol}
+                              className="border-t border-beige-300"
+                            >
+                              <td className="py-3 pl-4 pr-2 lg:pl-14">
+                                {product.metadata.symbol}
+                              </td>
+                              <td className="py-3 pl-1 lg:pl-14">
+                                <span className="mr-2">
+                                  {priceAccount.minPub}
+                                </span>
+                              </td>
+                            </tr>
+                          )
+                        })
+                      )
                   ) : (
                     <tr className="border-t border-beige-300">
                       <td className="py-3 pl-1 lg:pl-14" colSpan={2}>