fix build error

raardev · Sep 18, 2024 · 15c77d9 · 15c77d9
1 parent dd3d894
commit 15c77d9
Show file tree

Hide file tree

Showing 4 changed files with 251 additions and 145 deletions.
diff --git a/README.md b/README.md
@@ -10,6 +10,7 @@ RaaR is a desktop application built with Tauri, React, and TypeScript, designed
 
 - **RPC Client**: Interact with Ethereum nodes using JSON-RPC calls.
 - **Transaction Tracer**: Analyze and trace Ethereum transactions.
+- **Transaction Pool**: View and manage pending transactions.
 - **Chain List**: View and manage information about different blockchain networks.
 - **Devnet**: Set up and manage local development networks.
 - **Wallet Generator**: Create and manage Ethereum wallets.
@@ -18,6 +19,8 @@ RaaR is a desktop application built with Tauri, React, and TypeScript, designed
 - **4bytes Decoder**: Decode function signatures, calldata, and events.
 - **Gas Tracker**: Monitor gas prices across multiple chains.
 - **Contract Map**: Visualize contract relationships (experimental).
+- **Hex Converter**: Convert between hex strings and numbers.
+- **Key Converter**: Convert mnemonics or private keys to addresses.
 
 ## Getting Started
 

diff --git a/src/App.tsx b/src/App.tsx
@@ -15,7 +15,6 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { ConnectKitProvider, getDefaultConfig } from 'connectkit'
 import {
   ActivityIcon,
-  BarChartIcon,
   CalculatorIcon,
   FileTextIcon,
   GaugeIcon,
@@ -24,7 +23,6 @@ import {
   HashIcon,
   KeyIcon,
   ListIcon,
-  PickaxeIcon,
   TestTube2Icon,
   WalletIcon,
   ZapIcon,
@@ -34,8 +32,6 @@ import { Toaster } from 'sonner'
 import { mainnet } from 'viem/chains'
 import { WagmiProvider, createConfig } from 'wagmi'
 import './App.css'
-import ChainAnalyzer from './components/ChainAnalyzer'
-import ChainExtractor from './components/ChainExtractor'
 import HexConverter from './components/HexConverter'
 import KeyConverter from './components/KeyConverter'
 import RPCTool from './components/RPCTool'
@@ -66,18 +62,18 @@ const sidebarItems = [
     icon: ActivityIcon,
     component: TransactionPool,
   },
-  {
-    id: 'chainExtractor',
-    label: 'Chain Extractor',
-    icon: PickaxeIcon,
-    component: ChainExtractor,
-  },
-  {
-    id: 'chainAnalyzer',
-    label: 'Chain Analyzer',
-    icon: BarChartIcon,
-    component: ChainAnalyzer,
-  },
+  // {
+  //   id: 'chainExtractor',
+  //   label: 'Chain Extractor',
+  //   icon: PickaxeIcon,
+  //   component: ChainExtractor,
+  // },
+  // {
+  //   id: 'chainAnalyzer',
+  //   label: 'Chain Analyzer',
+  //   icon: BarChartIcon,
+  //   component: ChainAnalyzer,
+  // },
   {
     id: 'chainList',
     label: 'Chain List',

diff --git a/src/components/ChainAnalyzer.tsx b/src/components/ChainAnalyzer.tsx
@@ -200,7 +200,7 @@ const ChainAnalyzer: React.FC = () => {
           </TableRow>
         </TableHeader>
         <TableBody>
-          {data.data.map((row: string[], rowIndex: number) => (
+          {data.data.map((row: string[]) => (
             <TableRow key={row.join('-')}>
               {row.map((cell: string, cellIndex: number) => (
                 <TableCell
@@ -319,26 +319,19 @@ const ChainAnalyzer: React.FC = () => {
               file.name.toLowerCase().includes(searchTerm.toLowerCase()),
             )
             .map((file: FileInfo) => (
-              <div
+              <button
                 key={file.path}
-                className={`flex items-center p-2 cursor-pointer ${
+                className={`flex items-center p-2 w-full text-left ${
                   selectedFile === file.path
                     ? 'bg-blue-100'
                     : 'hover:bg-gray-100'
                 }`}
                 onClick={() => handleFileClick(file)}
-                onKeyDown={(e) => {
-                  if (e.key === 'Enter' || e.key === ' ') {
-                    handleFileClick(file)
-                  }
-                }}
-                tabIndex={0}
-                role="button"
                 title={file.name}
               >
                 <span className="mr-2">{getFileIcon(file.name)}</span>
                 <span className="truncate text-xs">{file.name}</span>
-              </div>
+              </button>
             ))}
         </div>
       </div>