From 6d002a3f7fe29862e7dcd0c2a007e3bc17b8be2c Mon Sep 17 00:00:00 2001
From: Dwight Lyle <dwightjl@gmail.com>
Date: Fri, 15 Mar 2024 15:47:18 -0600
Subject: [PATCH 1/2] Display proper names for Data Feed categories in
 filtering list

---
 src/features/feeds/components/FeedList.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/features/feeds/components/FeedList.tsx b/src/features/feeds/components/FeedList.tsx
index 18ddceccd36..41cbd96fe4e 100644
--- a/src/features/feeds/components/FeedList.tsx
+++ b/src/features/feeds/components/FeedList.tsx
@@ -37,7 +37,14 @@ export const FeedList = ({
   const addrPerPage = 8
   const lastAddr = Number(currentPage) * addrPerPage
   const firstAddr = lastAddr - addrPerPage
-  const dataFeedCategory = ["low", "medium", "high", "custom", "new", "deprecating"]
+  const dataFeedCategory = [
+    {"key": "low", "name": "Low Market Risk"},
+    {"key": "medium", "name":  "Medium Market Risk"},
+    {"key": "high", "name":  "High Market Risk"},
+    {"key": "custom", "name":  "Custom"},
+    {"key": "new", "name":  "New Token"},
+    {"key": "deprecating", "name":  "Deprecating"}
+  ]
   const chain = chains.filter((chain) => chain.page === selectedChain)[0]
   const chainMetadata = useGetChainMetadata(chain, initialCache && initialCache[chain.page])
   const wrapperRef = useRef(null)
@@ -189,14 +196,14 @@ export const FeedList = ({
                           <ul>
                             {dataFeedCategory.map((category) => (
                               <li>
-                                <button onClick={() => handleCategorySelection(category)}>
+                                <button onClick={() => handleCategorySelection(category.key)}>
                                   <input
                                     type="checkbox"
-                                    checked={selectedFeedCategories?.includes(category)}
+                                    checked={selectedFeedCategories?.includes(category.key)}
                                     readonly
                                     style="cursor:pointer;"
                                   />
-                                  <span> {category}</span>
+                                  <span> {category.name}</span>
                                 </button>
                               </li>
                             ))}

From 77c35d3071072c43c9f012e3057e4511df01310b Mon Sep 17 00:00:00 2001
From: Dwight Lyle <dwightjl@gmail.com>
Date: Fri, 15 Mar 2024 16:07:40 -0600
Subject: [PATCH 2/2] Lint fix

---
 src/features/feeds/components/FeedList.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/features/feeds/components/FeedList.tsx b/src/features/feeds/components/FeedList.tsx
index 41cbd96fe4e..bdbc86793e5 100644
--- a/src/features/feeds/components/FeedList.tsx
+++ b/src/features/feeds/components/FeedList.tsx
@@ -38,12 +38,12 @@ export const FeedList = ({
   const lastAddr = Number(currentPage) * addrPerPage
   const firstAddr = lastAddr - addrPerPage
   const dataFeedCategory = [
-    {"key": "low", "name": "Low Market Risk"},
-    {"key": "medium", "name":  "Medium Market Risk"},
-    {"key": "high", "name":  "High Market Risk"},
-    {"key": "custom", "name":  "Custom"},
-    {"key": "new", "name":  "New Token"},
-    {"key": "deprecating", "name":  "Deprecating"}
+    { key: "low", name: "Low Market Risk" },
+    { key: "medium", name: "Medium Market Risk" },
+    { key: "high", name: "High Market Risk" },
+    { key: "custom", name: "Custom" },
+    { key: "new", name: "New Token" },
+    { key: "deprecating", name: "Deprecating" },
   ]
   const chain = chains.filter((chain) => chain.page === selectedChain)[0]
   const chainMetadata = useGetChainMetadata(chain, initialCache && initialCache[chain.page])