staking page (#430)

apps/app/assets/pha_vault_abi.ts

@@ -0,0 +1,3 @@
+const abi = [{"type":"function","name":"allowance","inputs":[{"name":"owner","type":"address","internalType":"address"},{"name":"spender","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"approve","inputs":[{"name":"spender","type":"address","internalType":"address"},{"name":"value","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"bool","internalType":"bool"}],"stateMutability":"nonpayable"},{"type":"function","name":"asset","inputs":[],"outputs":[{"name":"","type":"address","internalType":"address"}],"stateMutability":"view"},{"type":"function","name":"balanceOf","inputs":[{"name":"account","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"convertToAssets","inputs":[{"name":"shares","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"convertToShares","inputs":[{"name":"assets","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"decimals","inputs":[],"outputs":[{"name":"","type":"uint8","internalType":"uint8"}],"stateMutability":"view"},{"type":"function","name":"deposit","inputs":[{"name":"assets","type":"uint256","internalType":"uint256"},{"name":"receiver","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"nonpayable"},{"type":"function","name":"initialize","inputs":[{"name":"asset","type":"address","internalType":"contract IERC20"},{"name":"owner","type":"address","internalType":"address"},{"name":"initialRewardsPerSecond","type":"uint256","internalType":"uint256"},{"name":"initialLockPeriod","type":"uint256","internalType":"uint256"},{"name":"initialMaxLockedAssets","type":"uint256","internalType":"uint256"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"lastUpdateTimestamp","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"lastUpdateTotalAssets","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"lockPeriod","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"lockedAssets","inputs":[{"name":"owner","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"tuple[]","internalType":"struct Vault.LockedAssets[]","components":[{"name":"receiver","type":"address","internalType":"address"},{"name":"assets","type":"uint256","internalType":"uint256"},{"name":"unlockTime","type":"uint256","internalType":"uint256"}]}],"stateMutability":"view"},{"type":"function","name":"maxDeposit","inputs":[{"name":"","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"maxLockedAssets","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"maxMint","inputs":[{"name":"","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"maxRedeem","inputs":[{"name":"owner","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"maxWithdraw","inputs":[{"name":"owner","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"mint","inputs":[{"name":"shares","type":"uint256","internalType":"uint256"},{"name":"receiver","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"nonpayable"},{"type":"function","name":"name","inputs":[],"outputs":[{"name":"","type":"string","internalType":"string"}],"stateMutability":"view"},{"type":"function","name":"owner","inputs":[],"outputs":[{"name":"","type":"address","internalType":"address"}],"stateMutability":"view"},{"type":"function","name":"pause","inputs":[],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"paused","inputs":[],"outputs":[{"name":"","type":"bool","internalType":"bool"}],"stateMutability":"view"},{"type":"function","name":"previewDeposit","inputs":[{"name":"assets","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"previewMint","inputs":[{"name":"shares","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"previewRedeem","inputs":[{"name":"shares","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"previewWithdraw","inputs":[{"name":"assets","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"redeem","inputs":[{"name":"shares","type":"uint256","internalType":"uint256"},{"name":"receiver","type":"address","internalType":"address"},{"name":"owner","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"nonpayable"},{"type":"function","name":"renounceOwnership","inputs":[],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"rewardsPerSecond","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"setLockPeriod","inputs":[{"name":"newLockPeriod","type":"uint256","internalType":"uint256"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"setMaxLockedAssets","inputs":[{"name":"newMaxLockedAssets","type":"uint256","internalType":"uint256"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"setRewardsPerSecond","inputs":[{"name":"newRewardsPerSecond","type":"uint256","internalType":"uint256"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"symbol","inputs":[],"outputs":[{"name":"","type":"string","internalType":"string"}],"stateMutability":"view"},{"type":"function","name":"totalAssets","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"totalSupply","inputs":[],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"view"},{"type":"function","name":"transfer","inputs":[{"name":"to","type":"address","internalType":"address"},{"name":"value","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"bool","internalType":"bool"}],"stateMutability":"nonpayable"},{"type":"function","name":"transferFrom","inputs":[{"name":"from","type":"address","internalType":"address"},{"name":"to","type":"address","internalType":"address"},{"name":"value","type":"uint256","internalType":"uint256"}],"outputs":[{"name":"","type":"bool","internalType":"bool"}],"stateMutability":"nonpayable"},{"type":"function","name":"transferOwnership","inputs":[{"name":"newOwner","type":"address","internalType":"address"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"unlock","inputs":[{"name":"owner","type":"address","internalType":"address"}],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"unpause","inputs":[],"outputs":[],"stateMutability":"nonpayable"},{"type":"function","name":"withdraw","inputs":[{"name":"assets","type":"uint256","internalType":"uint256"},{"name":"receiver","type":"address","internalType":"address"},{"name":"owner","type":"address","internalType":"address"}],"outputs":[{"name":"","type":"uint256","internalType":"uint256"}],"stateMutability":"nonpayable"},{"type":"event","name":"Approval","inputs":[{"name":"owner","type":"address","indexed":true,"internalType":"address"},{"name":"spender","type":"address","indexed":true,"internalType":"address"},{"name":"value","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"Deposit","inputs":[{"name":"sender","type":"address","indexed":true,"internalType":"address"},{"name":"owner","type":"address","indexed":true,"internalType":"address"},{"name":"assets","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"shares","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"Initialized","inputs":[{"name":"version","type":"uint64","indexed":false,"internalType":"uint64"}],"anonymous":false},{"type":"event","name":"LockPeriodUpdated","inputs":[{"name":"oldLockPeriod","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"newLockPeriod","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"MaxLockedAssetsUpdated","inputs":[{"name":"oldMaxLockedAssets","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"newMaxLockedAssets","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"OwnershipTransferred","inputs":[{"name":"previousOwner","type":"address","indexed":true,"internalType":"address"},{"name":"newOwner","type":"address","indexed":true,"internalType":"address"}],"anonymous":false},{"type":"event","name":"Paused","inputs":[{"name":"account","type":"address","indexed":false,"internalType":"address"}],"anonymous":false},{"type":"event","name":"RewardsPerSecondUpdated","inputs":[{"name":"oldRewardsPerSecond","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"newRewardsPerSecond","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"RewardsSettled","inputs":[{"name":"rewards","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"totalAssets","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"Transfer","inputs":[{"name":"from","type":"address","indexed":true,"internalType":"address"},{"name":"to","type":"address","indexed":true,"internalType":"address"},{"name":"value","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"Unlocked","inputs":[{"name":"sender","type":"address","indexed":true,"internalType":"address"},{"name":"receiver","type":"address","indexed":true,"internalType":"address"},{"name":"owner","type":"address","indexed":true,"internalType":"address"},{"name":"assets","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"event","name":"Unpaused","inputs":[{"name":"account","type":"address","indexed":false,"internalType":"address"}],"anonymous":false},{"type":"event","name":"Withdraw","inputs":[{"name":"sender","type":"address","indexed":true,"internalType":"address"},{"name":"receiver","type":"address","indexed":true,"internalType":"address"},{"name":"owner","type":"address","indexed":true,"internalType":"address"},{"name":"assets","type":"uint256","indexed":false,"internalType":"uint256"},{"name":"shares","type":"uint256","indexed":false,"internalType":"uint256"}],"anonymous":false},{"type":"error","name":"ERC20InsufficientAllowance","inputs":[{"name":"spender","type":"address","internalType":"address"},{"name":"allowance","type":"uint256","internalType":"uint256"},{"name":"needed","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"ERC20InsufficientBalance","inputs":[{"name":"sender","type":"address","internalType":"address"},{"name":"balance","type":"uint256","internalType":"uint256"},{"name":"needed","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"ERC20InvalidApprover","inputs":[{"name":"approver","type":"address","internalType":"address"}]},{"type":"error","name":"ERC20InvalidReceiver","inputs":[{"name":"receiver","type":"address","internalType":"address"}]},{"type":"error","name":"ERC20InvalidSender","inputs":[{"name":"sender","type":"address","internalType":"address"}]},{"type":"error","name":"ERC20InvalidSpender","inputs":[{"name":"spender","type":"address","internalType":"address"}]},{"type":"error","name":"ERC4626ExceededMaxDeposit","inputs":[{"name":"receiver","type":"address","internalType":"address"},{"name":"assets","type":"uint256","internalType":"uint256"},{"name":"max","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"ERC4626ExceededMaxMint","inputs":[{"name":"receiver","type":"address","internalType":"address"},{"name":"shares","type":"uint256","internalType":"uint256"},{"name":"max","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"ERC4626ExceededMaxRedeem","inputs":[{"name":"owner","type":"address","internalType":"address"},{"name":"shares","type":"uint256","internalType":"uint256"},{"name":"max","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"ERC4626ExceededMaxWithdraw","inputs":[{"name":"owner","type":"address","internalType":"address"},{"name":"assets","type":"uint256","internalType":"uint256"},{"name":"max","type":"uint256","internalType":"uint256"}]},{"type":"error","name":"EnforcedPause","inputs":[]},{"type":"error","name":"ExpectedPause","inputs":[]},{"type":"error","name":"InvalidInitialization","inputs":[]},{"type":"error","name":"MaxLockedAssetsReached","inputs":[{"name":"owner","type":"address","internalType":"address"}]},{"type":"error","name":"NoLockedAssetsToUnlock","inputs":[{"name":"owner","type":"address","internalType":"address"}]},{"type":"error","name":"NotInitializing","inputs":[]},{"type":"error","name":"OwnableInvalidOwner","inputs":[{"name":"owner","type":"address","internalType":"address"}]},{"type":"error","name":"OwnableUnauthorizedAccount","inputs":[{"name":"account","type":"address","internalType":"address"}]},{"type":"error","name":"SafeERC20FailedOperation","inputs":[{"name":"token","type":"address","internalType":"address"}]}] as const
+
+export default abi

apps/app/components/BasePool/Chart.tsx

@@ -128,7 +128,7 @@ const BasePoolChart: FC<{
         dateString: date.toLocaleDateString(),
         value: Decimal.isDecimal(value)
           ? value.toDP(2, Decimal.ROUND_DOWN).toNumber()
-          : value ?? undefined,
+          : (value ?? undefined),
       })
     }
 

apps/app/components/BasePool/OwnerSettings.tsx

@@ -7,7 +7,7 @@ import {LoadingButton} from '@mui/lab'
 import {
   DialogContent,
   DialogTitle,
-  Unstable_Grid2 as Grid,
+  Grid2 as Grid,
   Stack,
   TextField,
   Typography,
@@ -192,7 +192,7 @@ const OwnerSettings: FC<{
           Intro
         </Typography>
         <Grid container rowSpacing={3} columnSpacing={2} mt={0.5}>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -207,7 +207,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -221,7 +221,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -235,7 +235,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -250,7 +250,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -264,7 +264,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={6}>
+          <Grid size={6}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth
@@ -278,7 +278,7 @@ const OwnerSettings: FC<{
               }}
             />
           </Grid>
-          <Grid xs={12}>
+          <Grid size={12}>
             <TextField
               disabled={!introLoaded || saveIntroLoading}
               fullWidth

apps/app/components/DashboardCarousel.tsx

@@ -1,7 +1,6 @@
 import b2 from '@/assets/b2.png'
 import b3 from '@/assets/b3.png'
 import b4 from '@/assets/b4.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'
@@ -23,11 +22,11 @@ const contents: Array<{name: string; imageUrl: string; href: string}> = [
     href: 'https://khala.subsquare.io/democracy/referendum/89',
     imageUrl: b7.src,
   },
-  {
-    name: 'Phala World Marketplace',
-    href: 'https://phala.world/marketplace',
-    imageUrl: b6.src,
-  },
+  // {
+  //   name: 'Phala World Marketplace',
+  //   href: 'https://phala.world/marketplace',
+  //   imageUrl: b6.src,
+  // },
   {
     name: 'Vaults feature',
     href: 'https://medium.com/phala-network/vaults-simplifying-and-optimizing-your-phala-delegations-368469608ea7',

apps/app/components/DashboardNftList.tsx

@@ -10,7 +10,7 @@ import {
   Box,
   Button,
   Chip,
-  Unstable_Grid2 as Grid,
+  Grid2 as Grid,
   Pagination,
   Paper,
   Skeleton,
@@ -100,7 +100,7 @@ const NftCard: FC<{nft: Nft}> = ({nft}) => {
             ? `${delegationNftPrefix} Delegation NFT - #${
                 nft.delegation?.basePool.id ?? ''
               } - ${nft.nftId}`
-            : name ?? <Skeleton width="100%" />}
+            : (name ?? <Skeleton width="100%" />)}
         </Typography>
         <Typography
           variant="caption"
@@ -110,7 +110,7 @@ const NftCard: FC<{nft: Nft}> = ({nft}) => {
         >
           {isDelegationNft
             ? `${delegationNftPrefix} - #${nft.delegation?.basePool.id ?? ''}`
-            : collectionSymbol ?? <Skeleton width="30%" />}
+            : (collectionSymbol ?? <Skeleton width="30%" />)}
         </Typography>
       </Stack>
     </Paper>
@@ -172,7 +172,7 @@ const DashboardNftList: FC = () => {
       <Grid container spacing={{xs: 1, sm: 2, md: 3}}>
         {data?.nftsConnection.edges.map((edge) => {
           return (
-            <Grid key={edge.cursor} xs={6} md={4} lg={3}>
+            <Grid key={edge.cursor} size={[6, 4, 3]}>
               <NftCard nft={edge.node} />
             </Grid>
           )