feat(app): update claim missing delegator rewards page (#364)

* feat(app): update claim missing delegator rewards page

* Fix subsidy claim page content

* rename subsidy page

apps/app/components/DashboardCarousel.tsx

@@ -1,9 +1,9 @@
 import b2 from '@/assets/b2.png'
 import b3 from '@/assets/b3.png'
 import b4 from '@/assets/b4.png'
-import b5 from '@/assets/b5.png'
 import b6 from '@/assets/b6.png'
 import b7 from '@/assets/b7.png'
+import b8 from '@/assets/b8.jpg'
 import ArrowBackIos from '@mui/icons-material/ArrowBackIos'
 import ArrowForwardIos from '@mui/icons-material/ArrowForwardIos'
 import {Box, IconButton, LinearProgress, Stack} from '@mui/material'
@@ -13,6 +13,11 @@ import {useMemo, useState, type FC} from 'react'
 import {useSnapCarousel} from 'react-snap-carousel'
 
 const contents: Array<{name: string; imageUrl: string; href: string}> = [
+  {
+    name: 'Claim subsidies',
+    href: '/khala/subsidy',
+    imageUrl: b8.src,
+  },
   {
     name: 'Launch Gemini Tokenomic on Phala',
     href: 'https://khala.subsquare.io/democracy/referendum/89',
@@ -23,11 +28,6 @@ const contents: Array<{name: string; imageUrl: string; href: string}> = [
     href: 'https://phala.world/marketplace',
     imageUrl: b6.src,
   },
-  {
-    name: 'Claim missing delegator rewards',
-    href: '/claim-missing-delegator-rewards',
-    imageUrl: b5.src,
-  },
   {
     name: 'Vaults feature',
     href: 'https://medium.com/phala-network/vaults-simplifying-and-optimizing-your-phala-delegations-368469608ea7',

apps/app/hooks/useAssetBalance.ts

@@ -42,4 +42,37 @@ const useAssetBalance = (
   return data
 }
 
+// const useAssetBalanceList = (account: string, assetIds: number[]) => {
+//   const api = usePolkadotApi()
+//   const assetsMetadata = useAssetsMetadata()
+//   const {data} = useQuery(
+//     [
+//       'assetBalanceList',
+//       api?.runtimeChain,
+//       assetsMetadata == null,
+//       account,
+//       assetIds,
+//     ],
+//     async () => {
+//       if (api == null || account == null) {
+//         return null
+//       }
+//       const res = await api.query.assets.account.multi(
+//         assetIds.map((assetId) => [assetId, account]),
+//       )
+//       return res.map((item, index) => {
+//         const assetId = assetIds[index]
+//         const assetMetadata = assetsMetadata?.[assetId]
+//         if (assetMetadata == null) return null
+//         const unwrapped = item.unwrapOr({balance: 0})
+//         return new Decimal(unwrapped.balance.toString()).div(
+//           Decimal.pow(10, assetMetadata.decimals),
+//         )
+//       })
+//     },
+//   )
+
+//   return data
+// }
+
 export default useAssetBalance