From f1e5566d3ae3e8cbcc2e46390f9a2fa61d0b4319 Mon Sep 17 00:00:00 2001
From: jejolare <jejolare@gmail.com>
Date: Wed, 2 Oct 2024 23:00:18 +0700
Subject: [PATCH] update disabled chart

---
 src/pages/charts/index.tsx    | 20 +++++++++-----------
 src/styles/Charts.module.scss |  1 -
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/pages/charts/index.tsx b/src/pages/charts/index.tsx
index 82a1a39..eb7d3c4 100644
--- a/src/pages/charts/index.tsx
+++ b/src/pages/charts/index.tsx
@@ -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"
diff --git a/src/styles/Charts.module.scss b/src/styles/Charts.module.scss
index 533da80..780ee52 100644
--- a/src/styles/Charts.module.scss
+++ b/src/styles/Charts.module.scss
@@ -1,7 +1,6 @@
 .charts {
     .charts__chart__wrapper {
         background-color: #2b3768;
-
         .charts__chart__title {
             padding: 28px 10px;
             display: flex;