Merge pull request #22 from chainstacklabs/codex/theme-safe-icons-and-deps-refresh

Refresh dependencies and fix protocol icon theming

Author: easeev

package-lock.json

@@ -4,14 +4,14 @@
   "homepage": "https://chainstats.org/",
   "private": false,
   "dependencies": {
-    "@ant-design/icons": "^6.1.0",
-    "antd": "^6.3.0",
-    "axios": "^1.13.5",
+    "@ant-design/icons": "^6.1.1",
+    "antd": "^6.3.5",
+    "axios": "^1.15.0",
     "cryptocurrency-icons": "^0.18.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "sass": "^1.97.3",
-    "web-vitals": "^5.1.0"
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "sass": "^1.99.0",
+    "web-vitals": "^5.2.0"
   },
   "scripts": {
     "start": "vite",
@@ -26,11 +26,14 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@vitejs/plugin-react": "^5.0.2",
+    "@vitejs/plugin-react": "^6.0.1",
     "gh-pages": "^6.3.0",
-    "jsdom": "^28.1.0",
-    "vite": "^7.1.5",
-    "vite-plugin-svgr": "^4.5.0",
-    "vitest": "^4.0.18"
+    "jsdom": "^29.0.2",
+    "vite": "^8.0.8",
+    "vite-plugin-svgr": "^5.2.0",
+    "vitest": "^4.1.4"
+  },
+  "overrides": {
+    "picomatch": "^4.0.4"
   }
 }

package.json

@@ -29,6 +29,7 @@ import Sonic from './sonic.svg?react';
 import Celo from './celo.svg?react';
 import Hyperliquid from './hyperliquid.svg?react';
 import Klaytn from './klaytn.svg?react';
+import Megaeth from './megaeth.svg?react';
 import Monad from './monad.svg?react';
 import Plasma from './plasma.svg?react';
 import Tempo from './tempo.svg?react';
@@ -76,6 +77,7 @@ const iconTypes = {
   Celo: <Celo />,
   Klaytn: <Klaytn />,
   Hyperliquid: <Hyperliquid />,
+  Megaeth: <Megaeth />,
   Monad: <Monad />,
   Plasma: <Plasma />,
   Tempo: <Tempo />,

src/components/ProtocolIcon/ProtocolIcon.jsx

@@ -3,7 +3,7 @@ import { describe, expect, it } from 'vitest';
 import ProtocolIcon from './ProtocolIcon';
 
 describe('ProtocolIcon', () => {
-  it.each(['Monad', 'Plasma', 'Tempo', 'Unichain'])(
+  it.each(['Megaeth', 'Monad', 'Plasma', 'Tempo', 'Unichain'])(
     'renders an SVG icon for %s',
     (protocolName) => {
       const { container } = render(<ProtocolIcon protocolName={protocolName} />);