lthn/explorer
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update disabled chart

Browse source
This commit is contained in:
jejolare 2024-10-02 23:00:18 +07:00
parent e2580dd039
commit f1e5566d3a
2 changed files with 9 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/pages/charts/index.tsx
View file

@ -72,14 +72,16 @@ function Charts() {
fetchCharts();
}, [loaded]);
function Chart(props: { title: string, requestTitle: string }) {
function Chart(props: { title: string, requestTitle: string, disabled?: boolean }) {
const {
title,
requestTitle
} = props;
return (
<Link href={"/chart/" + requestTitle} className={styles["charts__chart__wrapper"]}>
<Link href={"/chart/" + requestTitle} className={styles["charts__chart__wrapper"]} style={
props.disabled ? { pointerEvents: "none", opacity: 0.3 } : {}
}>
<div className={styles["charts__chart__title"]}>
<p>{title}</p>
</div>
@ -157,15 +159,11 @@ function Charts() {
title="Average Number Of Transactions Per Block"
requestTitle="avg-trans-per-block"
/>
<div style={{
pointerEvents: "none",
opacity: 0.4
}}>
<Chart
title="Hash Rate (inactive)"
requestTitle="hash-rate"
/>
</div>
<Chart
title="Hash Rate (inactive)"
requestTitle="hash-rate"
disabled={true}
/>
<Chart
title="PoW Difficulty"
requestTitle="difficulty-pow"

1
src/styles/Charts.module.scss
View file

@ -1,7 +1,6 @@
.charts {
.charts__chart__wrapper {
background-color: #2b3768;
.charts__chart__title {
padding: 28px 10px;
display: flex;