feat: add stable / lst filter options

mrgnlabs · Nov 24, 2023 · 7be2e17 · 7be2e17
1 parent 09223ce
commit 7be2e17
Show file tree

Hide file tree

Showing 5 changed files with 216 additions and 196 deletions.
diff --git a/apps/marginfi-v2-ui/src/components/common/AssetList/AssetListFilters.tsx b/apps/marginfi-v2-ui/src/components/common/AssetList/AssetListFilters.tsx
@@ -81,6 +81,8 @@ export const AssetListFilters = () => {
               <SelectContent>
                 <SelectItem value="all">All pools</SelectItem>
                 <SelectItem value="isolated">Isolated pools</SelectItem>
+                <SelectItem value="stable">Stablecoins</SelectItem>
+                <SelectItem value="lst">LSTs</SelectItem>
               </SelectContent>
             </Select>
           </div>

diff --git a/apps/marginfi-v2-ui/src/components/common/AssetList/AssetListFilters.utils.tsx b/apps/marginfi-v2-ui/src/components/common/AssetList/AssetListFilters.utils.tsx
@@ -1,6 +1,10 @@
 import { ExtendedBankInfo, Emissions } from "@mrgnlabs/marginfi-v2-ui-state";
 import type { sortDirection } from "~/types";
 
+export const STABLECOINS = ["USDC", "USDT", "UXD"];
+
+export const LSTS = ["LST", "stSOL", "jitoSOL", "bSOL", "mSOL"];
+
 export const sortApRate = (banks: ExtendedBankInfo[], isInLendingMode: boolean, direction: sortDirection) => {
   return banks.sort((a, b) => {
     const apRateA =

diff --git a/apps/marginfi-v2-ui/src/components/common/AssetList/NewAsssetBanner.tsx b/apps/marginfi-v2-ui/src/components/common/AssetList/NewAsssetBanner.tsx
@@ -44,14 +44,14 @@ export const NewAssetBanner = ({ asset, image }: NewAssetBannerProps) => {
 
   const deposit = React.useCallback(() => {
     setLendingMode(LendingModes.LEND);
-    if (poolFilter === PoolTypes.ALL) setPoolFilter(PoolTypes.ALL);
+    if (poolFilter !== PoolTypes.ALL) setPoolFilter(PoolTypes.ALL);
     setIsFilteredUserPositions(false);
     setTimeout(() => highlightAsset(), 100);
   }, [setLendingMode, poolFilter, setPoolFilter, asset, setIsFilteredUserPositions, highlightAsset]);
 
   const borrow = React.useCallback(() => {
     setLendingMode(LendingModes.BORROW);
-    if (poolFilter === PoolTypes.ALL) setPoolFilter(PoolTypes.ALL);
+    if (poolFilter !== PoolTypes.ALL) setPoolFilter(PoolTypes.ALL);
     setIsFilteredUserPositions(false);
     setTimeout(() => highlightAsset(), 100);
   }, [setLendingMode, poolFilter, setPoolFilter, asset, setIsFilteredUserPositions, highlightAsset]);