add default sorting and checkmarks to dropdown menus

rainbow-me · Dec 20, 2024 · d1f5b01 · d1f5b01
1 parent 572edec
commit d1f5b01
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Discover/TrendingTokens.tsx b/src/components/Discover/TrendingTokens.tsx
@@ -1,4 +1,4 @@
-import { DropdownMenu } from '@/components/DropdownMenu';
+import { DropdownMenu, MenuItem } from '@/components/DropdownMenu';
 import { globalColors, Text, TextIcon, useBackgroundColor, useColorMode } from '@/design-system';
 import { useForegroundColor } from '@/design-system/color/useForegroundColor';
 
@@ -571,6 +571,7 @@ function TimeFilter() {
       menuConfig={{
         menuItems: timeFilters.map(time => ({
           actionTitle: i18n.t(t.filters.time[time]),
+          menuState: time === timeframe ? 'on' : 'off',
           actionKey: time,
         })),
       }}
@@ -597,12 +598,11 @@ function SortFilter() {
   return (
     <DropdownMenu
       menuConfig={{
-        menuItems: sortFilters
-          .filter(s => s !== 'RECOMMENDED')
-          .map(sort => ({
-            actionTitle: i18n.t(t.filters.sort[sort]),
-            actionKey: sort,
-          })),
+        menuItems: sortFilters.map(s => ({
+          actionTitle: i18n.t(t.filters.sort[s]),
+          menuState: s === sort ? 'on' : 'off',
+          actionKey: s,
+        })),
       }}
       side="bottom"
       onPressMenuItem={selection => {

diff --git a/src/languages/en_US.json b/src/languages/en_US.json
@@ -3051,7 +3051,7 @@
           "FARCASTER": "Farcaster"
         },
         "sort": {
-          "RECOMMENDED": "Sort",
+          "RECOMMENDED": "Default",
           "VOLUME": "Volume",
           "MARKET_CAP": "Market Cap",
           "TOP_GAINERS": "Top Gainers",