From 2094ffe6b2aac588a24ce5348a6c386d1b5c2b82 Mon Sep 17 00:00:00 2001
From: Hongbo Wu <hongbo@omnivore.app>
Date: Wed, 1 Jun 2022 18:43:26 +0800
Subject: [PATCH] Adjust subscriptions to adapt to the new Table component

---
 packages/web/pages/settings/subscriptions.tsx | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/packages/web/pages/settings/subscriptions.tsx b/packages/web/pages/settings/subscriptions.tsx
index fba1a7b43..e09d12a89 100644
--- a/packages/web/pages/settings/subscriptions.tsx
+++ b/packages/web/pages/settings/subscriptions.tsx
@@ -27,11 +27,14 @@ export default function SubscriptionsPage(): JSX.Element {
   }
 
   const headers = ['Name', 'Email', 'Updated Time']
-  const rows = subscriptions.map((subscription) => [
-    subscription.name,
-    subscription.newsletterEmail,
-    subscription.updatedAt.toString(),
-  ])
+  const rows = new Map<string, string[]>()
+  subscriptions.forEach((subscription) =>
+    rows.set(subscription.name, [
+      subscription.name,
+      subscription.newsletterEmail,
+      subscription.updatedAt.toString(),
+    ])
+  )
 
   return (
     <PrimaryLayout pageTestId="settings-subscriptions-tag">
@@ -64,13 +67,18 @@ export default function SubscriptionsPage(): JSX.Element {
       <Table
         heading={'Popular Newsletters'}
         headers={['Substack', 'Axios', 'Bloomberg']}
-        rows={[
-          [
-            'https://substack.com/',
-            'https://www.axios.com/newsletters',
-            'https://www.bloomberg.com/account/newsletters',
-          ],
-        ]}
+        rows={
+          new Map([
+            [
+              '0',
+              [
+                'https://substack.com/',
+                'https://www.axios.com/newsletters',
+                'https://www.bloomberg.com/account/newsletters',
+              ],
+            ],
+          ])
+        }
       />
     </PrimaryLayout>
   )