From f7a58a6913dab0aeb427d92f5526856979adab95 Mon Sep 17 00:00:00 2001
From: Bismanpal Singh <bisman.singh24@gmail.com>
Date: Thu, 17 Apr 2025 12:56:31 -0700
Subject: [PATCH] Imporved visuals

---
 package-lock.json                  | 33 +++++++++++++++---------------
 src/components/graphs/explorer.tsx |  6 ++++--
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0d9cde4..ae85acd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -58,7 +58,7 @@
         "react-typed": "^2.0.12",
         "react-typewriter-effect": "^1.1.0",
         "react-wrap-balancer": "^1.1.1",
-        "recharts": "^2.13.3",
+        "recharts": "^2.15.2",
         "shadcn-ui": "^0.2.3",
         "slick-carousel": "^1.8.1",
         "tailwind-merge": "^2.5.4",
@@ -9952,9 +9952,9 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-equals": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
-      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.2.2.tgz",
+      "integrity": "sha512-V7/RktU11J3I36Nwq2JnZEM7tNm17eBJz+u25qdxBZeCKiX6BkVSZQjwWIr+IobgnZy+ag73tTZgZi7tr0LrBw==",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -14581,17 +14581,17 @@
       }
     },
     "node_modules/react-smooth": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.1.tgz",
-      "integrity": "sha512-OE4hm7XqR0jNOq3Qmk9mFLyd6p2+j6bvbPJ7qlB7+oo0eNcL2l7WQzG6MBnT3EXY6xzkLMUBec3AfewJdA0J8w==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
+      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
       "dependencies": {
         "fast-equals": "^5.0.1",
         "prop-types": "^15.8.1",
         "react-transition-group": "^4.4.5"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/react-style-singleton": {
@@ -14799,16 +14799,15 @@
       }
     },
     "node_modules/recharts": {
-      "version": "2.13.3",
-      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.13.3.tgz",
-      "integrity": "sha512-YDZ9dOfK9t3ycwxgKbrnDlRC4BHdjlY73fet3a0C1+qGMjXVZe6+VXmpOIIhzkje5MMEL8AN4hLIe4AMskBzlA==",
-      "license": "MIT",
+      "version": "2.15.2",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.2.tgz",
+      "integrity": "sha512-xv9lVztv3ingk7V3Jf05wfAZbM9Q2umJzu5t/cfnAK7LUslNrGT7LPBr74G+ok8kSCeFMaePmWMg0rcYOnczTw==",
       "dependencies": {
         "clsx": "^2.0.0",
         "eventemitter3": "^4.0.1",
         "lodash": "^4.17.21",
         "react-is": "^18.3.1",
-        "react-smooth": "^4.0.0",
+        "react-smooth": "^4.0.4",
         "recharts-scale": "^0.4.4",
         "tiny-invariant": "^1.3.1",
         "victory-vendor": "^36.6.8"
@@ -14817,8 +14816,8 @@
         "node": ">=14"
       },
       "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/recharts-scale": {
@@ -18615,4 +18614,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/graphs/explorer.tsx b/src/components/graphs/explorer.tsx
index 89508d1..3279378 100644
--- a/src/components/graphs/explorer.tsx
+++ b/src/components/graphs/explorer.tsx
@@ -120,9 +120,11 @@ export function Explorer() {
               <DatabaseCard loading={loading} data={configData} />
               <ChainInfoCard loading={loading} data={configData} />
             </div>
-            <div className="grid md:grid-cols-2 gap-4">
+            <div>
               <MiscellaneousDataCard loading={loading} data={configData} />
-              <TransactionZoomChart />
+            </div>
+            <div>
+            <TransactionZoomChart />
             </div>
           </main>
         </CardContent>