Sort items in dropdown so that usdc has priority

centrifuge · Apr 3, 2024 · 79aaab0 · 79aaab0
1 parent ea4b8e8
commit 79aaab0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/centrifuge-app/src/components/InvestRedeem/InvestForm.tsx b/centrifuge-app/src/components/InvestRedeem/InvestForm.tsx
@@ -140,7 +140,9 @@ export function InvestForm({ autoFocus, investLabel = 'Invest' }: InvestFormProp
                               actions.selectPoolCurrency(e.target.value)
                             }}
                             value={state.poolCurrency?.symbol}
-                            options={state?.poolCurrencies.map((c) => ({ value: c.symbol, label: c.displayName }))}
+                            options={state?.poolCurrencies
+                              .sort((_, b) => (b.displayName.toLowerCase().includes('usdc') ? 1 : -1))
+                              .map((c) => ({ value: c.symbol, label: c.displayName }))}
                             style={{ textAlign: 'right' }}
                           />
                         ) : (

diff --git a/centrifuge-app/src/components/InvestRedeem/RedeemForm.tsx b/centrifuge-app/src/components/InvestRedeem/RedeemForm.tsx
@@ -125,7 +125,9 @@ export function RedeemForm({ autoFocus }: RedeemFormProps) {
                         actions.selectPoolCurrency(e.target.value)
                       }}
                       value={state.poolCurrency?.symbol}
-                      options={state?.poolCurrencies.map((c) => ({ value: c.symbol, label: c.displayName }))}
+                      options={state?.poolCurrencies
+                        .sort((_, b) => (b.displayName.toLowerCase().includes('usdc') ? 1 : -1))
+                        .map((c) => ({ value: c.symbol, label: c.displayName }))}
                       style={{ textAlign: 'right' }}
                     />
                   ) : (