diff --git a/web/src/components/ClaimButtonGroup.js b/web/src/components/ClaimButtonGroup.js index 94c5db5..5f92d5d 100644 --- a/web/src/components/ClaimButtonGroup.js +++ b/web/src/components/ClaimButtonGroup.js @@ -1,6 +1,6 @@ import useK from "../hooks/useK"; import useCanConnectedAccountWithdraw from "../hooks/useCanConnectedAccountWithdraw"; -import { Button, Skeleton } from "@mui/material"; +import { Button, Skeleton, Tooltip } from "@mui/material"; import { CheckCircle, HourglassTop } from "@mui/icons-material"; import _ from "lodash"; import ClaimAndStakeForm from "./ClaimAndStakeForm"; @@ -23,16 +23,34 @@ export default function ClaimButtonGroup({ } if (type !== "finalized") { return ( - + + + + + ); } if (isClaimed) { return ( - + + + + + ); } return ( diff --git a/web/src/components/NodePeriodicRewardsTable.js b/web/src/components/NodePeriodicRewardsTable.js index b3bd64e..2b551fe 100644 --- a/web/src/components/NodePeriodicRewardsTable.js +++ b/web/src/components/NodePeriodicRewardsTable.js @@ -1,5 +1,5 @@ import { DataGrid } from "@mui/x-data-grid"; -import { Button, Stack, Typography } from "@mui/material"; +import { Button, Stack, Tooltip, Typography } from "@mui/material"; import { Link } from "react-router-dom"; import { ethers } from "ethers"; import moment from "moment"; @@ -90,19 +90,32 @@ const INTERVAL_COLS = [ valueGetter: ({ value }) => ethers.BigNumber.from(value || 0), valueFormatter: (params) => ethers.utils.formatEther(params.value || 0), renderCell: ({ value, row: { type } }) => ( - - {type === "ongoing" && ( - - ≥ - - )} - - + + + {type === "ongoing" && ( + + ≥ + + )} + + + ), }, { @@ -118,14 +131,27 @@ const INTERVAL_COLS = [ }, valueFormatter: (params) => ethers.utils.formatEther(params.value || 0), renderCell: ({ value, row: { type } }) => ( - - {type === "ongoing" && ( - - ≥ - - )} - - + + + {type === "ongoing" && ( + + ≥ + + )} + + + ), }, ]; diff --git a/web/src/components/SettingsList.js b/web/src/components/SettingsList.js index 5b9642f..04dfc86 100644 --- a/web/src/components/SettingsList.js +++ b/web/src/components/SettingsList.js @@ -12,7 +12,9 @@ import { Stack, TextField, Tooltip, + Typography, } from "@mui/material"; +import { Help } from "@mui/icons-material"; export default function SettingsList() { let { isConnected } = useAccount(); @@ -101,7 +103,18 @@ export default function SettingsList() { - + + Ongoing Rewards + + + + + + + } + />