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 (
- }>
- {_.capitalize(type)}
-
+
+
+ }
+ >
+ {_.capitalize(type)}
+
+
+
);
}
if (isClaimed) {
return (
- }>
- Claimed
-
+
+
+ }
+ >
+ Claimed
+
+
+
);
}
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
+
+
+
+
+
+ >
+ }
+ />