feat: allow to filter on rmm status

src/components/assetsView/filters/AssetsViewFilterModal.tsx

@@ -13,6 +13,7 @@ import {
 } from 'src/states'
 
 import { AssetsViewRentStatusFilter } from './AssetsViewRentStatusFilter'
+import { AssetsViewRmmStatusFilter } from './AssetsViewRmmStatusFilter'
 import { AssetsViewSort } from './AssetsViewSort'
 import { AssetsViewSubsidyFilter } from './AssetsViewSubsidyFilter'
 import { AssetsViewUserStatusFilter } from './AssetsViewUserStatusFilter'
@@ -67,6 +68,12 @@ export const AssetsViewFilterModal: FC<ContextModalProps> = ({
             setFilterModel({ ...filterModel, ...value })
           }}
         />
+        <AssetsViewRmmStatusFilter
+          filter={filterModel}
+          onChange={(value) => {
+            setFilterModel({ ...filterModel, ...value })
+          }}
+        />
       </Flex>
       <Flex gap={'lg'} justify={'center'}>
         <Button onClick={onClose} variant={'subtle'}>

src/components/assetsView/filters/AssetsViewRmmStatusFilter.tsx

@@ -0,0 +1,68 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import { Select } from '@mantine/core'
+
+import { UserRealtoken } from 'src/store/features/wallets/walletsSelector'
+
+import { useInputStyles } from '../../inputs/useInputStyles'
+import { AssetRmmStatusType } from '../types'
+
+interface AssetsViewRmmStatusFilterModel {
+  rmmStatus: AssetRmmStatusType
+}
+
+interface AssetsViewRmmStatusFilterProps {
+  filter: AssetsViewRmmStatusFilterModel
+  onChange: (value: AssetsViewRmmStatusFilterModel) => void
+}
+export const AssetsViewRmmStatusFilter: FC<AssetsViewRmmStatusFilterProps> = ({
+  filter,
+  onChange,
+}) => {
+  const { t } = useTranslation('common', { keyPrefix: 'assetRmmStatus' })
+  const { classes: inputClasses } = useInputStyles()
+
+  const viewOptions = [
+    {
+      value: AssetRmmStatusType.ALL,
+      label: t('options.all'),
+    },
+    {
+      value: AssetRmmStatusType.AVAILABLE,
+      label: t('options.available'),
+    },
+    {
+      value: AssetRmmStatusType.NOT_AVAILABLE,
+      label: t('options.notAvailable'),
+    },
+  ]
+
+  return (
+    <Select
+      label={t('label')}
+      data={viewOptions}
+      value={filter.rmmStatus}
+      onChange={(value: AssetRmmStatusType) => onChange({ rmmStatus: value })}
+      classNames={inputClasses}
+    />
+  )
+}
+AssetsViewRmmStatusFilter.displayName = 'AssetsViewRmmStatusFilter'
+
+export function useAssetsViewRmmStatusFilter(
+  filter: AssetsViewRmmStatusFilterModel
+) {
+  function assetRmmStatusFilterFunction(asset: UserRealtoken) {
+    switch (filter.rmmStatus) {
+      case AssetRmmStatusType.ALL:
+        return true
+      case AssetRmmStatusType.AVAILABLE:
+        return asset.isRmmAvailable
+      case AssetRmmStatusType.NOT_AVAILABLE:
+        return !asset.isRmmAvailable
+    }
+  }
+
+  return { assetRmmStatusFilterFunction }
+}

src/components/assetsView/filters/useFilters.ts

@@ -4,6 +4,7 @@ import { assetsViewDefaultFilter, assetsViewFilterAtom } from 'src/states'
 import { UserRealtoken } from 'src/store/features/wallets/walletsSelector'
 
 import { useAssetsViewRentStatusFilter } from './AssetsViewRentStatusFilter'
+import { useAssetsViewRmmStatusFilter } from './AssetsViewRmmStatusFilter'
 import { useAssetsViewSort } from './AssetsViewSort'
 import { useAssetsViewSubsidyFilter } from './AssetsViewSubsidyFilter'
 import { useAssetsViewUserStatusFilter } from './AssetsViewUserStatusFilter'
@@ -19,12 +20,15 @@ export function useAssetsViewFilters() {
     useAssetsViewUserStatusFilter(activeFilter)
   const { assetRentStatusFilterFunction } =
     useAssetsViewRentStatusFilter(activeFilter)
+  const { assetRmmStatusFilterFunction } =
+    useAssetsViewRmmStatusFilter(activeFilter)
 
   function assetsViewFilterFunction(tokenList: UserRealtoken[]) {
     return tokenList
       .filter(assetUserStatusFilterFunction)
       .filter(assetRentStatusFilterFunction)
       .filter(assetSubsidyFilterFunction)
+      .filter(assetRmmStatusFilterFunction)
       .sort(assetSortFunction)
   }
 

src/components/assetsView/types/assetRmmStatus.type.ts

@@ -0,0 +1,5 @@
+export enum AssetRmmStatusType {
+  ALL = 'ALL',
+  AVAILABLE = 'AVAILABLE',
+  NOT_AVAILABLE = 'NOT_AVAILABLE',
+}

src/components/assetsView/types/index.ts

@@ -3,3 +3,4 @@ export * from './assetView.type'
 export * from './assetSubsidy.type'
 export * from './assetUserStatus.type'
 export * from './assetRentStatus.type'
+export * from './assetRmmStatus.type'

src/i18next/locales/en/common.json

@@ -110,7 +110,6 @@
       "notWhitelisted": "Not whitelisted"
     }
   },
-
   "assetRentStatus": {
     "label": "Rent",
     "options": {
@@ -120,6 +119,14 @@
       "partiallyRented": "Partially rented"
     }
   },
+  "assetRmmStatus": {
+    "label": "Available on RMM",
+    "options": {
+      "all": "All",
+      "available": "Yes",
+      "notAvailable": "No"
+    }
+  },
   "assetCard": {
     "tokens": "Tokens",
     "apr": "APR",

src/i18next/locales/fr/common.json

@@ -119,6 +119,14 @@
       "partiallyRented": "Partiellement loués"
     }
   },
+  "assetRmmStatus": {
+    "label": "Disponible sur le RMM",
+    "options": {
+      "all": "Tous",
+      "available": "Oui",
+      "notAvailable": "Non"
+    }
+  },
   "assetCard": {
     "tokens": "Tokens",
     "apr": "Rendement annuel",

src/states/index.ts

@@ -2,6 +2,7 @@ import { atomWithStorage } from 'jotai/utils'
 
 import {
   AssetRentStatusType,
+  AssetRmmStatusType,
   AssetSortType,
   AssetSubsidyType,
   AssetUserStatusType,
@@ -19,6 +20,7 @@ export interface AssetsViewFilterType {
   subsidy: AssetSubsidyType
   userStatus: AssetUserStatusType
   rentStatus: AssetRentStatusType
+  rmmStatus: AssetRmmStatusType
 }
 
 export const assetsViewDefaultFilter: AssetsViewFilterType = {
@@ -27,6 +29,7 @@ export const assetsViewDefaultFilter: AssetsViewFilterType = {
   subsidy: AssetSubsidyType.ALL,
   userStatus: AssetUserStatusType.OWNED,
   rentStatus: AssetRentStatusType.ALL,
+  rmmStatus: AssetRmmStatusType.ALL,
 }
 
 export const assetsViewFilterAtom = atomWithStorage<AssetsViewFilterType>(