{"version":3,"sources":["assets/images/nav-logo3.png","components/Navbar.jsx","assets/images/footer-logo.png","components/Footer.jsx","config.js","common/Functions/index.js","assets/images/qube.png","components/Loader.jsx","container/Homepage/HomePage.jsx","assets/images/doc.png","common/Api/index.jsx","common/Constants/index.js","components/OverlayQues.jsx","assets/loaders/three-dots.svg","container/Transactions/index.jsx","container/TransactionsList/index.jsx","components/Transactions.jsx","components/Pagination.jsx","container/TxnsForBlock/index.jsx","components/About.jsx","container/BlockDetailPage/index.jsx","container/PendingTransactions/index.jsx","assets/images/Vector.png","components/LinearProgressBar.jsx","container/BlockDetailPage/NewBlockPage.jsx","container/Transactions/NewTransactions.jsx","container/BlockDetailPage/BlockDetail.jsx","container/Transactions/TransactionaDetail.jsx","container/TxnsForBlock/TransactionFoeBlock.jsx","container/Address/Address.jsx","assets/images/csv-icon.png","App.js","index.js"],"names":["NavBar","location","useLocation","isMenuOpen","setIsMenuOpen","useState","isNavLinkActive","path","pathname","includes","_jsx","_Fragment","children","_jsxs","Navbar","className","NavLink","to","src","logo","alt","onClick","toggleMenu","FaBars","size","color","concat","exact","activeClassName","Footer","linkStyle","textDecoration","Link","style","window","scrollTo","top","behavior","TiArrowUp","marginRight","footerlogo","padding","width","href","target","rel","console","log","process","config","BaseUrl","secondsToDhms","seconds","Number","d","Math","floor","h","m","s","dDisplay","hDisplay","mDisplay","formatTimeStamp","timestamp","Date","toUTCString","localTimeConvert","toLocaleString","formatTimes","secondsPassed","now","hour","day","month","year","years","months","days","hours","minutes","Loader","CircularProgress","HomePage","blockTableData","setBlockTableData","transactionTableData","setTransactionTableData","isLoading","setIsLoading","page","setPage","rowsPerPage","setRowsPerPage","selectedOption","setSelectedOption","query","setQuery","cardValue","setCardValue","history","useHistory","handleChangePage","event","newPage","handleChangeRowsPerPage","value","useEffect","fetchData","async","response","axios","get","constantObject","data","error","intervalId","setInterval","clearInterval","handleSearch","_response$data","_response$data3","_response$data5","_response$data2","_response$data2$data","status","type","push","blockNumber","_response$data4","_response$data4$data","hash","_response$data6","_response$data6$data","address","formatNumber","num","toFixed","cardData","title","totalSupply","currentCirculation","burnSupply","maxCap","getBlockCardValue","_response$data7","val","supplies","getBlockCardKey","RSelect","onChange","options","label","placeholder","styles","control","provided","border","outline","borderBottomRightRadius","borderTopRightRadius","onKeyDown","key","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","RiSearchLine","map","card","index","dangerouslySetInnerHTML","__html","Paper","TableContainer","height","Table","TableBody","length","TableRow","TableCell","colSpan","align","row","hover","display","alignItems","Button","variant","backgroundColor","minWidth","flexDirection","Tooltip","arrow","transactionCount","textAlign","fontSize","fontWeight","reward","_id","TablePagination","rowsPerPageOptions","component","count","onPageChange","onRowsPerPageChange","_row$tokenData","_row$tokenData2","_row$tokenData3","_row$tokenData4","_row$tokenData5","_row$tokenData6","_row$tokenData7","_row$tokenData8","_row$tokenData9","_row$tokenData10","_row$tokenData11","_row$tokenData12","substring","blockTimestamp","tokenData","from","token","getBlockDetail","Promise","resolve","reject","then","posResponse","errResponse","txnType","OverlayQues","props","OverlayTrigger","placement","overlay","id","text","_ref","ref","triggerHandler","fontColor","Transactions","React","Component","constructor","super","init","txnDetail","txnHash","this","match","params","txid","setState","e","state","isToAddressCopied","isHashCopied","isFromAddressCopied","componentDidMount","render","labelArr","Container","fluid","marginLeft","Row","Col","ThreeDots","marginTop","paddingTop","marginBottom","margin","navigator","clipboard","writeText","setTimeout","age","_ref2","_ref3","_ref4","_ref5","txnFee","gasPrice","gasLimit","nonce","wordBreak","inputData","TransactionsList","start","limit","getAddressTxns","paddingLeft","tdor","striped","responsive","heading","txnsArr","currentBlock","fromAddress","initFunction","toAddress","Pagination","DropdownButton","as","InputGroup","Prepend","perPageRecords","onSelect","onSelectDropdown","Dropdown","Item","eventKey","onClickPageButton","disabled","disableFirst","currentPage","totalPages","disableLast","TxnsForBlock","txnsResult","blockNum","blockid","per_page_records_txs","getBlockTxns","totalCount","parseInt","total_records_txs","total_pages_txs","disable_last_txs","current_page_txs","handleSelect","selectedValue","updatePage","first","last","total_pages_tx","totalPage","disable_first_txs","performPagination","About","BlockDetailPage","getParentHashData","parentHash","blockKeys","overflowX","number","txns","miner","miningReward","extraReward","uncles","difficulty","totalDifficulty","gasUsed","extraData","stateRoot","PendingTransaction","searchText","setSearchText","rows","Txn","method","lastseen","gaslimit","gasprice","amount","filteredRows","filter","String","toLowerCase","borderBottom","paddingBottom","textTransform","RSearchBar","TableHead","slice","cursor","LinearProgressBarWithLabel","LinearProgress","NewBlockPage","tableData","setTableData","setTotalCount","progress","setProgress","roundedNumber","blockReward24Hours","networkUtilization24Hours","blockSize24Hours","timer","prevProgress","min","round","bulb","NewTransactions","txnCount24Hours","txnFees24Hours","avgTxnFee24Hours","getTransactionCardValue","getTransactionCardKey","formatValue","maximumFractionDigits","IoHelpCircleOutline","BlockDetail","blockDetailData","setblockDetailData","showMore","setShowMore","blocknumber","useParams","transactions_detail","FaRegClock","Bulb","TransactionDetail","_txnDetailData$tokenD","_txnDetailData$tokenD2","_txnDetailData$tokenD3","_txnDetailData$tokenD4","_txnDetailData$tokenD5","_txnDetailData$tokenD6","txnDetailData","setTxnDetailData","txnhash","getTransactionsDetail","TransactionFoeBlock","getTransactionsForBlock","transactions_data","_row$tokenData13","_row$tokenData14","AddressForTxn","heWeValue","setHeWeValue","exportedData","setExportedData","ads","heweBalance","balance","price","getHeWeValue","startIndex","endIndex","dataForExport","_row$tokenData15","_row$tokenData16","_row$tokenData17","_row$tokenData18","_row$tokenData19","CSVLink","filename","App","Switch","Route","Homepage","TransactionForBlock","ReactDOM","BrowserRouter","document","getElementById"],"mappings":"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","file":"static/js/main.da71f232.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/nav-logo3.c75e015e.png\";","import React, { useState } from \"react\";\r\nimport { NavLink, useLocation } from \"react-router-dom\";\r\nimport { Navbar } from \"react-bootstrap\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport logo from \"../assets/images/nav-logo3.png\";\r\nimport { FaBars } from \"react-icons/fa\";\r\n\r\n\r\nconst NavBar = () => {\r\n  const location = useLocation();\r\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\r\n\r\n  const toggleMenu = () => {\r\n    setIsMenuOpen(!isMenuOpen);\r\n  };\r\n\r\n  const isNavLinkActive = (path) => {\r\n    return location.pathname.includes(path);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Navbar className=\"navbar\">\r\n        <div className=\"left\">\r\n          <NavLink to=\"/\">\r\n            <img src={logo} alt=\"Logo\" className=\"logo\" />\r\n          </NavLink>\r\n        </div>\r\n\r\n        {/* Toggle button for smaller screens */}\r\n        <div className=\"navbar-toggle\" onClick={toggleMenu}>\r\n          <button>\r\n            <FaBars size={20} color=\"#000\" />\r\n          </button>\r\n        </div>\r\n\r\n        <div className={`right ${isMenuOpen ? \"show\" : \"\"}`}>\r\n          <div className=\"navbar-link\">\r\n            <NavLink exact to=\"/\" activeClassName={isNavLinkActive(\"/\") ? \"active-link\" : \"\"}>\r\n              Home\r\n            </NavLink>\r\n          </div>\r\n\r\n          <div className=\"navbar-link\">\r\n            <NavLink to=\"/new_block_page\" activeClassName={isNavLinkActive(\"/new_block_page\") ? \"active-link\" : \"\"}>\r\n              View Blocks\r\n            </NavLink>\r\n          </div>\r\n\r\n          <div className=\"navbar-link\">\r\n            <NavLink to=\"/new_transactions\" activeClassName={isNavLinkActive(\"/new_transactions\") ? \"active-link\" : \"\"}>\r\n              Transactions\r\n            </NavLink>\r\n          </div>\r\n\r\n          {/* <div className=\"navbar-link\">\r\n            <NavLink to=\"/pending_transactions\" activeClassName={isNavLinkActive(\"/pending_transactions\") ? \"active-link\" : \"\"}>\r\n              Pending Transactions\r\n            </NavLink>\r\n          </div>\r\n\r\n          <div className=\"navbar-link\">\r\n            <NavLink to=\"#\" activeClassName={isNavLinkActive(\"#\") ? \"active-link\" : \"\"}>\r\n              Verify Contracts\r\n            </NavLink>\r\n          </div>\r\n\r\n          <div className=\"navbar-link\">\r\n            <NavLink to=\"#1\" activeClassName={isNavLinkActive(\"#1\") ? \"active-link\" : \"\"}>\r\n              Validators\r\n            </NavLink>\r\n          </div>\r\n\r\n          <div className=\"navbar-link\">\r\n            <NavLink to=\"#2\" activeClassName={isNavLinkActive(\"#2\") ? \"active-link\" : \"\"}>\r\n              Help\r\n            </NavLink>\r\n          </div> */}\r\n        </div>\r\n      </Navbar>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default NavBar;\r\n","export default __webpack_public_path__ + \"static/media/footer-logo.2ef25624.png\";","import React from \"react\";\r\nimport { FaTwitter } from \"react-icons/fa\";\r\nimport { TiArrowUp } from \"react-icons/ti\";\r\nimport { Link } from \"react-router-dom\";\r\nimport footerlogo from \"../assets/images/footer-logo.png\";\r\nimport clicktop from \"../assets/images/icon-to-top.png\";\r\n\r\nfunction Footer() {\r\n  const linkStyle = {\r\n    textDecoration: \"none\",\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className=\"footer-container\">\r\n        <div className=\"top-footer-section\">\r\n          <div className=\"top-footer-section-content\">\r\n            {/* <a\r\n              href=\"#1\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              style={linkStyle}\r\n            >\r\n              <FaTwitter\r\n                size={15}\r\n                color=\"#081D35\"\r\n                style={{ marginRight: \"6px\" }}\r\n              />\r\n              <span className=\"social-name\">Twitter</span>\r\n            </a> */}\r\n          </div>\r\n          <div className=\"top-footer-section-content\">\r\n            <Link\r\n              to=\"#\"\r\n              style={linkStyle}\r\n              onClick={() => {\r\n                window.scrollTo({\r\n                  top: 0,\r\n                  behavior: \"smooth\",\r\n                });\r\n              }}\r\n            >\r\n              <TiArrowUp\r\n                size={20}\r\n                color=\"#081D35\"\r\n                style={{ marginRight: \"6px\" }}\r\n              />\r\n              {/* <img\r\n                src={clicktop}\r\n                alt=\"Top icon\"\r\n                style={{ height: \"12px\", width: \"12px\", marginRight: \"6px\" }}\r\n              /> */}\r\n              <span className=\"social-name\">Back to Top</span>\r\n            </Link>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"second-footer-section\">\r\n          <div className=\"left-footer-section\">\r\n            <div className=\"top-footer-section-content\">\r\n              <img src={footerlogo} alt=\"Logo\" className=\"footer-logo-style\" />\r\n              <span className=\"powered-brand-name\">Powered by AmChain</span>\r\n            </div>\r\n            <div style={{ padding: \"6px 0px\", width: \"307px\" }}>\r\n              <p className=\"brand-text\">\r\n                AMC Smart Chain Explorer and analytics platform for AmChain.\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div className=\"right-footer-section\">\r\n            <div className=\"right-footer-content\">\r\n              <div className=\"company\">\r\n                <span className=\"about-company\">Company</span>\r\n              </div>\r\n              <div className=\"footer-link\">\r\n                <div className=\"about-us\">\r\n                  <Link to=\"\" style={linkStyle}>\r\n                    <span className=\"comon-right-footer\">About Us</span>\r\n                  </Link>\r\n                </div>\r\n                <div className=\"contact-us\">\r\n                  <Link to=\"\" style={linkStyle}>\r\n                    <span className=\"comon-right-footer\">Contact Us</span>\r\n                  </Link>\r\n                </div>\r\n                <div className=\"privacy-policy\">\r\n                  <Link to=\"\" style={linkStyle}>\r\n                    <span className=\"comon-right-footer\">Privacy Policy</span>\r\n                  </Link>\r\n                </div>\r\n                <div className=\"term-privacy\">\r\n                  <Link to=\"\" style={linkStyle}>\r\n                    <span className=\"comon-right-footer\">Terms & Privacy</span>\r\n                  </Link>\r\n                </div>\r\n                <div className=\"bug-bounty\">\r\n                  <Link to=\"\" style={linkStyle}>\r\n                    <span className=\"comon-right-footer\">Bug Bounty</span>\r\n                  </Link>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"last-footer-section\">\r\n          <span className=\"footer-copyright\">AmChain © 2024 &nbsp;|</span>\r\n          <span className=\"built-by-team\">⛏ Built by Team</span>\r\n          <a\r\n            href=\"https://ameritecps.com/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            style={linkStyle}\r\n            className=\"footer-ameritec\"\r\n          >\r\n            Ameritec\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Footer;\r\n","// const dev = {\r\n//   BaseUrl: `https://explorer-api.dev.com`,\r\n// };\r\n\r\n// const local = {\r\n//   BaseUrl: `http://localhost:3000`,\r\n// };\r\n\r\n// const prod = {\r\n//   BaseUrl: `https://api.xyz.org`,\r\n// };\r\n\r\n// const config = {\r\n//   ...(process.env.REACT_APP_STAGE === \"prod\"\r\n//     ? prod\r\n//     : process.env.REACT_APP_STAGE === \"dev\"\r\n//     ? dev\r\n//     : local),\r\n// };\r\n\r\nconsole.log(\"REACT_APP_STAGE:\", process.env.REACT_APP_STAGE);\r\n\r\nconst dev = {\r\n  BaseUrl: `https://api.amchain.net`,\r\n};\r\n\r\nconst local = {\r\n  BaseUrl: `http://localhost:3000`,\r\n};\r\n\r\nconst prod = {\r\n  BaseUrl: `https://api.amchain.net`,\r\n};\r\n\r\nconst config = {\r\n  ...(process.env.REACT_APP_STAGE === \"prod\"\r\n    ? prod\r\n    : process.env.REACT_APP_STAGE === \"dev\"\r\n    ? dev\r\n    : local),\r\n};\r\n\r\nexport default config;\r\n","/**\r\n * Convert seconds to days , hrs , min or seconds and return age\r\n * @param {*} seconds\r\n * @returns\r\n */\r\nexport const secondsToDhms = (seconds) => {\r\n  seconds = Number(seconds);\r\n  const d = Math.floor(seconds / (3600 * 24));\r\n  const h = Math.floor((seconds % (3600 * 24)) / 3600);\r\n  const m = Math.floor((seconds % 3600) / 60);\r\n  const s = Math.floor(seconds % 60);\r\n\r\n  const dDisplay = d > 0 ? d + (d === 1 ? \" day, \" : \" days \") : \"\";\r\n  const hDisplay = h > 0 ? h + (h === 1 ? \" hr \" : \" hrs \") : \"\";\r\n  const mDisplay = m > 0 ? m + (m === 1 ? \" min \" : \" mins \") : \"\";\r\n  const sDisplay = s > 0 ? s + (s === 1 ? \" second\" : \" secs\") : \"\";\r\n  if (dDisplay !== \"\") {\r\n    return dDisplay + \" ago\";\r\n  } else if (hDisplay !== \"\") {\r\n    return hDisplay + \" ago\";\r\n  } else if (mDisplay !== \"\") {\r\n    return mDisplay + \" ago\";\r\n  }\r\n  return sDisplay + \" ago\";\r\n};\r\n\r\nexport const formatTimeStamp = (timestamp) => {\r\n  const formattedDate = new Date(timestamp);\r\n  return formattedDate.toUTCString();\r\n};\r\n\r\nexport const localTimeConvert = (timestamp) => {\r\n  const date = new Date(timestamp * 1000);\r\n  const formattedDate = date.toLocaleString();\r\n  return formattedDate;\r\n};\r\n\r\nexport const formatTimes = (timestamp) => {\r\n  const secondsPassed = Math.floor((Date.now() - timestamp * 1000) / 1000);\r\n\r\n  const minute = 60;\r\n  const hour = 60 * minute;\r\n  const day = 24 * hour;\r\n  const month = 30 * day;\r\n  const year = 365 * day;\r\n\r\n  if (secondsPassed > year) {\r\n    const years = Math.floor(secondsPassed / year);\r\n    return `${years} year${years > 1 ? \"s\" : \"\"} ago`;\r\n  } else if (secondsPassed > month) {\r\n    const months = Math.floor(secondsPassed / month);\r\n    return `${months} month${months > 1 ? \"s\" : \"\"} ago`;\r\n  } else if (secondsPassed > day) {\r\n    const days = Math.floor(secondsPassed / day);\r\n    return `${days} day${days > 1 ? \"s\" : \"\"} ago`;\r\n  } else if (secondsPassed > hour) {\r\n    const hours = Math.floor(secondsPassed / hour);\r\n    return `${hours} hour${hours > 1 ? \"s\" : \"\"} ago`;\r\n  } else if (secondsPassed > minute) {\r\n    const minutes = Math.floor(secondsPassed / minute);\r\n    return `${minutes} minute${minutes > 1 ? \"s\" : \"\"} ago`;\r\n  } else {\r\n    return `${secondsPassed} second${secondsPassed > 1 ? \"s\" : \"\"} ago`;\r\n  }\r\n};\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANqSURBVHgB7ZmxTxNRHMd/70qhN3GdpJNlEcsAtAMGBuA6aGQArImDzi66+B8g/4EOOOCMiSYSYdDExBYYijq0wGDVwRaXlslud6W25/s+vXotIrnrpfQSvgn03r0e9+n3fu/3+9HHqEWaVp3x+Wi+bhgLfBimMxJjtMtfduu12pIsy4WmOfPAMAylUv25yA8eULeJsUd9/p4lxlhZDPELwEfVasowaIy6VHC+1+9XAS7hBBzuZmAIfCISuJimaWEm+fLkERn1mipJkm+RPCTGfAuSQd0dFsfEaJ7plSODPCaJPKhz6E7Jk9A95KJ0vUI76feUy30V44HQBVLVaQoG+8lNuZI9TNh0+qMYR2Oj/JxO+W8HVC6XxdhN+LagrbCAVOPTNDk5ToFAoPGeZHKbspk9MY+5sehY2/COoXfSHwQQFB68SJ9zX0gJKpRIzNEgH1sFtzOZfUolt8R74uqUcL+j0GtrG8K9ickrFI9PCWfz+QP+IbaowF8BfSMxf8xRwJvOR6OjlLg5R05kGzqb3aO1lxsUiQzR9dlrx8Awn3y3fWIsI6SerT4XHxJPxYnjtqFXV18IN0Xc8m48Fh35Z5y2wk9MjIsQMhcrrg/x7HL7zi2yK9vQy8sr/PGHxaJCnOJR/w8+zWP/zeu3DVCEFK79HUrf6d79u2RXtvO0rlX4zftIURQRz7HYiIDPcPhMdr8BL8uBRmYBLLIHXDUXaSg0IELFidouLifB65ou5uFsJHKJniw/bboOCxE/ZwJtygqPuA8q/cJZuIy4dlOu9x6AlzmowmPbLDI4B8cV5W+8m1nIiWw7HZD7HMXi7OzVpnGxWKJS6ZCcyLbTcK3Eb9iuSsXDJuftyDb08PCQKAwi1TkUrsXfQIFyItvhgRWPG6KU5wsHtro3hFUquSnSIAqO0/7DUfYwmyJUvNynlVO7t9bWFeUf1ziV45QHxwHeWljQnp4Ea1ZDa+vqRK78E2Dt3tB6orAEeEW0Fhg3YE25+r2HCV/8k10ikcuuwpo6/7KmUzqH7pQ8Cm1QgbylXalOtE4eEvZesH0xw7cvUuQR8e2LQYnv0W3WDXpMXhDnxJ6i2JL7wbfk5KMq3PbOllyQH2i9frVrHedcJjCGrHUeW3Q8qTxkEkOze5bOFzjsumHUXiGErRO/AGZ0yUHPrjUhAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\n\r\nconst Loader = () => {\r\n  return (\r\n    <>\r\n      {/* loader */}\r\n      <div className=\"overlay\">\r\n        <CircularProgress />\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport RSelect from \"react-select\";\r\nimport RSearchBar from \"material-ui-search-bar\";\r\nimport { RiSearchLine } from \"react-icons/ri\";\r\nimport \"./index.scss\";\r\nimport \"remixicon/fonts/remixicon.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport { formatTimes } from \"../../common/Functions\";\r\nimport qubeimg from \"../../assets/images/qube.png\";\r\nimport document from \"../../assets/images/doc.png\";\r\nimport {\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  // TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n  Button,\r\n} from \"@material-ui/core\";\r\nimport Loader from \"../../components/Loader\";\r\n\r\nconst HomePage = () => {\r\n  const [blockTableData, setBlockTableData] = useState([]);\r\n  const [transactionTableData, setTransactionTableData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(10);\r\n  const [selectedOption, setSelectedOption] = useState(null);\r\n  const [query, setQuery] = useState(\"\");\r\n  const [cardValue, setCardValue] = useState({});\r\n  console.log(\"cardValue\", cardValue);\r\n\r\n  const history = useHistory();\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  // Function to fetch updated block data\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const response = await axios.get(\r\n          `${constantObject.BaseUrl}/api/block?limit=${rowsPerPage}&page=${\r\n            page + 1\r\n          }`\r\n        );\r\n\r\n        const { data } = response.data;\r\n\r\n        setBlockTableData(data);\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    // Fetch data immediately on mount\r\n    fetchData();\r\n\r\n    // Set up interval for fetching updated data\r\n    const intervalId = setInterval(fetchData, 5000);\r\n\r\n    return () => {\r\n      clearInterval(intervalId);\r\n    };\r\n  }, [page, rowsPerPage]);\r\n\r\n  // Function to fetch updated transaction data\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const response = await axios.get(\r\n          `${\r\n            constantObject.BaseUrl\r\n          }/api/transaction?limit=${rowsPerPage}&page=${page + 1}`\r\n        );\r\n\r\n        const { data } = response.data;\r\n\r\n        setTransactionTableData(data);\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    // Fetch data immediately on mount\r\n    fetchData();\r\n\r\n    // Set up interval for fetching updated data\r\n    const intervalId = setInterval(fetchData, 5000);\r\n\r\n    return () => {\r\n      clearInterval(intervalId);\r\n    };\r\n  }, [page, rowsPerPage]);\r\n\r\n  const options = [\r\n    { value: \"Txn\", label: \"Transaction\" },\r\n    { value: \"block\", label: \"Block\" },\r\n    { value: \"address\", label: \"Address\" },\r\n  ];\r\n\r\n  const handleSelectChange = (selectedOption) => {\r\n    setSelectedOption(selectedOption);\r\n\r\n    // Redirect to the selected page based on the value\r\n    if (selectedOption) {\r\n      switch (selectedOption.value) {\r\n        case \"Txn\":\r\n          history.push(\"/new_transactions\");\r\n          break;\r\n        case \"block\":\r\n          history.push(\"/new_block_page\");\r\n          break;\r\n        case \"address\":\r\n          history.push(\"/new_transactions\");\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleSearch = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${\r\n          constantObject.BaseUrl\r\n        }/api/search?id=${query}&limit=${rowsPerPage}&page=${page + 1}`\r\n      );\r\n\r\n      if (response?.status === 200) {\r\n        if (response?.data?.type === \"BLOCK\") {\r\n          history.push(`/block_details/${response?.data?.data?.blockNumber}`);\r\n        } else if (response?.data?.type === \"TXN_HASH\") {\r\n          history.push(`/transactions_detail/${response?.data?.data?.hash}`);\r\n        } else if (response?.data?.type === \"ACC_ADDRESS\") {\r\n          history.push(`/address/${response?.data?.data?.address}`);\r\n        }\r\n      }\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  };\r\n\r\n  // press on enter button call this function\r\n  const handleKeyDown = (event) => {\r\n    if (event.key === \"Enter\") {\r\n      handleSearch();\r\n    }\r\n  };\r\n\r\n  function formatNumber(num) {\r\n    if (num >= 1e12) {\r\n      return (num / 1e12).toFixed(2) + \" Trillion\";\r\n    }\r\n    if (num >= 1e9) {\r\n      return (num / 1e9).toFixed(2) + \" Billion\";\r\n    }\r\n    if (num >= 1e6) {\r\n      return (num / 1e6).toFixed(2) + \" Million\";\r\n    }\r\n    return num;\r\n  }\r\n\r\n  function formatNumberMaxCap(num) {\r\n    if (num >= 1e12) {\r\n      return Math.floor(num / 1e12) + \" Trillion\";\r\n    }\r\n    if (num >= 1e9) {\r\n      return Math.floor(num / 1e9) + \" Billion\";\r\n    }\r\n    if (num >= 1e6) {\r\n      return Math.floor(num / 1e6) + \" Million\";\r\n    }\r\n    return Math.floor(num);\r\n  }\r\n\r\n  const cardData = [\r\n    {\r\n      title: \"Total Supply\",\r\n      value: `${formatNumber(cardValue.totalSupply)} HEWE`,\r\n    },\r\n    {\r\n      title: \"Circulating Supply\",\r\n      value: `${formatNumber(Math.floor(cardValue.currentCirculation))} HEWE`,\r\n    },\r\n    {\r\n      title: \"Burned Supply\",\r\n      value: `${formatNumber(cardValue.burnSupply)} HEWE`,\r\n    },\r\n    {\r\n      title: \"Maximum Supply\",\r\n      value: `${formatNumberMaxCap(cardValue.maxCap)} HEWE`,\r\n    },\r\n  ];\r\n\r\n  //get card key\r\n  const getBlockCardKey = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/supported_queries`\r\n      );\r\n\r\n      getBlockCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card key data:\", error);\r\n    }\r\n  };\r\n\r\n  //get card value\r\n  const getBlockCardValue = async (val) => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/detail?query=${val[12]}`\r\n      );\r\n\r\n      setCardValue(response.data?.supplies);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card value data:\", error);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getBlockCardKey();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Navbar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"searchbar-container\">\r\n        <div className=\"subheading\">AMC Smart Chain Explorer</div>\r\n\r\n        <div className=\"searchbar\">\r\n          <RSelect\r\n            value={selectedOption}\r\n            onChange={handleSelectChange}\r\n            options={options}\r\n            placeholder=\"All Filters\"\r\n            className=\"homepage-selectbox\"\r\n            styles={{\r\n              control: (provided) => ({\r\n                ...provided,\r\n                border: \"none\",\r\n                outline: \"none\",\r\n                borderBottomRightRadius: \"0px\",\r\n                borderTopRightRadius: \"0px\",\r\n              }),\r\n            }}\r\n          />\r\n\r\n          {/* <RSearchBar\r\n            onChange={handleSearch}\r\n            onCancelSearch={() => handleSearch(\"\")}\r\n            placeholder=\"Search by Txn Hash / Block  / Address\"\r\n            className=\"homepage-searchbar\"\r\n            style={{\r\n              width: \"50%\",\r\n              height: \"38px\",\r\n              borderTopLeftRadius: \"0px\",\r\n              borderBottomLeftRadius: \"0px\",\r\n              border: \"none\",\r\n              outline: \"none\",\r\n            }}\r\n          /> */}\r\n\r\n          <div className=\"custom-search-cant\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder=\"Search by Txn Hash / Block / Address\"\r\n              value={query}\r\n              onChange={(event) => setQuery(event.target.value)}\r\n              onKeyDown={handleKeyDown}\r\n              className=\"custom-search-input\"\r\n              style={{borderRadius:\"0px\"}}\r\n            />\r\n            <button\r\n              type=\"submit\"\r\n              className=\"custom-search-button\"\r\n              onClick={handleSearch}\r\n              style={{borderTopLeftRadius:\"0px\", borderBottomLeftRadius:\"0px\"}}\r\n            >\r\n              <RiSearchLine />\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"homepage-card-container\">\r\n          {cardData.map((card, index) => (\r\n            <div className=\"homepage-top-card\" key={index}>\r\n              <div className=\"card-head\">{card.title}</div>\r\n              <div\r\n                className=\"show-card-data\"\r\n                dangerouslySetInnerHTML={{ __html: card.value }}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"home-page-container\">\r\n        {/* Custom scrollbar design */}\r\n        <style>\r\n          {`\r\n            .custom-scrollbar::-webkit-scrollbar {\r\n              width: 5px;\r\n            }\r\n            .custom-scrollbar::-webkit-scrollbar-track {\r\n              background-color: #f1f1f1;\r\n            }\r\n            .custom-scrollbar::-webkit-scrollbar-thumb {\r\n              background-color: #0784c3;\r\n              border-radius: 4px;\r\n            }\r\n            .custom-scrollbar::-webkit-scrollbar-thumb:hover {\r\n              background-color: #888;\r\n            }\r\n\r\n            /* For horizontal scrollbar */\r\n            .custom-scrollbar::-webkit-scrollbar:horizontal {\r\n              height: 5px;\r\n              background-color: #f1f1f1;\r\n            }\r\n            .custom-scrollbar::-webkit-scrollbar-thumb:horizontal {\r\n              background-color: #888;\r\n              border-radius: 4px;\r\n            }\r\n            .custom-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {\r\n              background-color: #0784c3;\r\n            }\r\n          `}\r\n        </style>\r\n\r\n        {/* Block table */}\r\n        <Paper className=\"paper-style table-container\">\r\n          <div className=\"home-page-heading\">\r\n            <div>\r\n              <span className=\"dashboard-table-heading\">Latest Blocks</span>\r\n            </div>\r\n            {/* <Button\r\n              variant=\"outlined\"\r\n              color=\"default\"\r\n              size=\"small\"\r\n              style={{\r\n                backgroundColor: \"#F8F9FA\",\r\n                borderRadius: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                textTransform: \"capitalize\",\r\n              }}\r\n            >\r\n              <i\r\n                className=\"ri-dashboard-line\"\r\n                style={{\r\n                  color: \"#0784C3\",\r\n                  marginRight: \"5px\",\r\n                }}\r\n              ></i>\r\n              Customize\r\n            </Button> */}\r\n          </div>\r\n\r\n          <TableContainer\r\n            style={{ height: \"608px\" }}\r\n            className=\"custom-scrollbar\"\r\n          >\r\n            <Table>\r\n              <TableBody>\r\n                {blockTableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={3} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  blockTableData.map((row) => (\r\n                    <TableRow key={row._id} hover>\r\n                      <TableCell className=\"cell-style\">\r\n                        <div style={{ display: \"flex\", alignItems: \"center\" }}>\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              minWidth: \"28px\",\r\n                              marginRight: \"16px\",\r\n                            }}\r\n                          >\r\n                            <img\r\n                              src={qubeimg}\r\n                              alt=\"Logo\"\r\n                              height={22}\r\n                              width={22}\r\n                            />\r\n                          </Button>\r\n                          <div\r\n                            style={{\r\n                              display: \"flex\",\r\n                              flexDirection: \"column\",\r\n                            }}\r\n                          >\r\n                            <Link\r\n                              to={`/block_details/${row.blockNumber}`}\r\n                              style={{\r\n                                color: \"#0784C3\",\r\n                                textDecoration: \"none\",\r\n                              }}\r\n                            >\r\n                              {row.blockNumber}\r\n                            </Link>\r\n                            <span className=\"timing-style\">\r\n                              {formatTimes(row.timestamp)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        <Tooltip title=\"Transactions in this block\" arrow>\r\n                          <Link\r\n                            to={`/txn_for_block/${row.blockNumber}`}\r\n                            style={{\r\n                              color: \"#0784C3\",\r\n                              textDecoration: \"none\",\r\n                            }}\r\n                          >\r\n                            {row.transactionCount} transactions\r\n                          </Link>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ textAlign: \"right\" }}\r\n                      >\r\n                        <Tooltip title=\"Block Reward\" arrow>\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            color=\"default\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              fontSize: \"11px\",\r\n                              fontWeight: \"400\",\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                            }}\r\n                          >\r\n                            {row.reward + \" AMC\"}\r\n                          </Button>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                    </TableRow>\r\n                  ))\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n\r\n            <TablePagination\r\n              rowsPerPageOptions={[10]}\r\n              component=\"div\"\r\n              count={blockTableData.length}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n              style={{ display: \"none\" }}\r\n            />\r\n          </TableContainer>\r\n\r\n          <div className=\"view-all-blocks-cant\">\r\n            <Link to=\"/new_block_page\" style={{ textDecoration: \"none\" }}>\r\n              <span className=\"view-all-blocks\">View All Blocks</span>\r\n              <i\r\n                className=\"pi pi-arrow-right\"\r\n                style={{ fontSize: \"10px\", color: \"#FFFFFF\" }}\r\n              ></i>\r\n            </Link>\r\n          </div>\r\n        </Paper>\r\n\r\n        {/* Transaction table */}\r\n        <Paper className=\"paper-style table-container\">\r\n          <div className=\"home-page-heading\">\r\n            <div>\r\n              <span className=\"dashboard-table-heading\">\r\n                Latest Transactions\r\n              </span>\r\n            </div>\r\n            {/* <Button\r\n              variant=\"outlined\"\r\n              color=\"default\"\r\n              size=\"small\"\r\n              style={{\r\n                backgroundColor: \"#F8F9FA\",\r\n                borderRadius: 8,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                textTransform: \"capitalize\",\r\n              }}\r\n            >\r\n              <i\r\n                className=\"ri-dashboard-line\"\r\n                style={{\r\n                  color: \"#0784C3\",\r\n                  marginRight: \"5px\",\r\n                }}\r\n              ></i>\r\n              Customize\r\n            </Button> */}\r\n          </div>\r\n\r\n          <TableContainer\r\n            className=\"custom-scrollbar\"\r\n            style={{ height: \"608px\" }}\r\n          >\r\n            <Table>\r\n              <TableBody>\r\n                {transactionTableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={3} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  transactionTableData.map((row) => (\r\n                    <TableRow key={row._id} hover>\r\n                      <TableCell className=\"cell-style\">\r\n                        <div style={{ display: \"flex\", alignItems: \"center\" }}>\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              minWidth: \"28px\",\r\n                              marginRight: \"16px\",\r\n                            }}\r\n                          >\r\n                            <img\r\n                              src={document}\r\n                              alt=\"Logo\"\r\n                              height={22}\r\n                              width={22}\r\n                            />\r\n                          </Button>\r\n                          <div\r\n                            style={{\r\n                              display: \"flex\",\r\n                              flexDirection: \"column\",\r\n                            }}\r\n                          >\r\n                            <Tooltip title={row.hash} arrow>\r\n                              <Link\r\n                                to={`/transactions_detail/${row.hash}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {row.hash.length > 20\r\n                                  ? `${row.hash.substring(0, 20)}...`\r\n                                  : row.hash}\r\n                              </Link>\r\n                            </Tooltip>\r\n                            <span className=\"timing-style\">\r\n                              {formatTimes(row.blockTimestamp)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        <div\r\n                          style={{\r\n                            display: \"flex\",\r\n                            flexDirection: \"column\",\r\n                          }}\r\n                        >\r\n                          <div className=\"transaction-timing\">\r\n                            <span>From</span>\r\n                            {row.tokenData && row.tokenData.from ? (\r\n                              <Tooltip title={row.tokenData?.from} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.tokenData?.from}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.tokenData?.from.length > 20\r\n                                    ? `${row.tokenData?.from.substring(\r\n                                        0,\r\n                                        20\r\n                                      )}...`\r\n                                    : row.tokenData?.from}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            ) : (\r\n                              <Tooltip title={row.from} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.from}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.from.length > 20\r\n                                    ? `${row.from.substring(0, 20)}...`\r\n                                    : row.from}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            )}\r\n                          </div>\r\n                          <div className=\"transaction-timing\">\r\n                            <span>To</span>\r\n                            {row.tokenData && row.tokenData.to ? (\r\n                              <Tooltip title={row.tokenData?.to} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.tokenData?.to}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.tokenData?.to.length > 20\r\n                                    ? `${row.tokenData?.to.substring(0, 20)}...`\r\n                                    : row.tokenData?.to}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            ) : (\r\n                              <Tooltip title={row.to} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.to}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.to.length > 20\r\n                                    ? `${row.to.substring(0, 20)}...`\r\n                                    : row.to}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            )}\r\n                          </div>\r\n                        </div>\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ textAlign: \"right\" }}\r\n                      >\r\n                        {row.tokenData && row.tokenData.value ? (\r\n                          <Tooltip title=\"Amount\" arrow>\r\n                            <Button\r\n                              variant=\"outlined\"\r\n                              color=\"default\"\r\n                              size=\"small\"\r\n                              style={{\r\n                                fontSize: \"11px\",\r\n                                fontWeight: \"400\",\r\n                                backgroundColor: \"#F8F9FA\",\r\n                                borderRadius: 8,\r\n                              }}\r\n                            >\r\n                              {row.tokenData?.value}&nbsp;{row.tokenData?.token}\r\n                            </Button>\r\n                          </Tooltip>\r\n                        ) : (\r\n                          <Tooltip title=\"Amount\" arrow>\r\n                            <Button\r\n                              variant=\"outlined\"\r\n                              color=\"default\"\r\n                              size=\"small\"\r\n                              style={{\r\n                                fontSize: \"11px\",\r\n                                fontWeight: \"400\",\r\n                                backgroundColor: \"#F8F9FA\",\r\n                                borderRadius: 8,\r\n                              }}\r\n                            >\r\n                              {row.value + \" AMC\"}\r\n                            </Button>\r\n                          </Tooltip>\r\n                        )}\r\n                      </TableCell>\r\n                    </TableRow>\r\n                  ))\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n\r\n            <TablePagination\r\n              rowsPerPageOptions={[10]}\r\n              component=\"div\"\r\n              count={transactionTableData.length}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n              style={{ display: \"none\" }}\r\n            />\r\n          </TableContainer>\r\n\r\n          <div className=\"view-all-blocks-cant\">\r\n            <Link to=\"/new_transactions\" style={{ textDecoration: \"none\" }}>\r\n              <span className=\"view-all-blocks\">View All Transaction</span>\r\n              <i\r\n                className=\"pi pi-arrow-right\"\r\n                style={{ fontSize: \"10px\", color: \"#FFFFFF\" }}\r\n              ></i>\r\n            </Link>\r\n          </div>\r\n        </Paper>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default HomePage;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJDSURBVHgB7Zk/b9NAGMafOzcl2ZypyUQyoU4lLIhMzYIEA606MIDEUokBFr5B6Q4S8B1gQAJRPkALSxAMSTpVTE6ntFPSyUnc+HqvJVfuX9U+1/Gp/kmO73y28uR9H9t3eRlOYdvOomFgyRViWXYrmBKMoSN3HXcyWS8UCt0TY35DCGGOnMM12XiDtMHYh1u5mXXG2MDr0gcJHjvOlhC4i5RCkZ/N5RoknNMBinCaBROkz3OChNm2XWHcsKAJwp00OOfGGjSCMWOZC6TbFmdgWGLD0VhAMzg0JBOdFDNQwLK6+NP8h+FwGOq6fD6PB/X7qFZvIwqRb8TB4ADv332CCq9ev0S5PIewRI50q9Xx9vPzd7yohaHd3ka7te1lKlHRPiX5pWHTTGKJsLbyURbt0+vtSRGj4/55P6TfH6BYNKFKLKIp3d+//Txx7NHjh6gHbLOz8x9fPn/Fs+dPoUosokulOVQCkaWnA3k9CHm3dm/BO5eyokIsosvlElZXX1x6jmmaWFl5gjjI3ohJcW034kXEYZGbG+labcHbrsrm5m+okNkjKTJ7BCEb0BvwOsjskRSRRdOkiKAVjGXthrkUe719qBBZtD9fphUIbVGImh2lP2sows3m30gL2/o0FrbTJJuaJoWmogW60IsOd4ENaATVXqh8sSjLF1vQBFm+qHJZo/vlCnyEDkidVFP0SnJ9WZIrjB2Ktj4luaJs2LO5RmojLnX5gqnLTo9TiU4+VN4yzmhiMM3Id6XYDSEmP8jCwYEjYEvhEQZ6PQwAAAAASUVORK5CYII=\"","import axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\n\r\nexport const getBlocks = (from, limit) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(`${constantObject.BaseUrl}/api/block?page=${from}&limit=${limit}`)\r\n      .then(\r\n        (posResponse) => {\r\n          const { data = [] } = posResponse;\r\n\r\n          // console.log(\"Get block data\", data);\r\n          resolve(data);\r\n        },\r\n        (errResponse) => {\r\n          reject(errResponse);\r\n        }\r\n      );\r\n  });\r\n};\r\n\r\nexport const getTxns = (from, limit) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(\r\n        `${constantObject.BaseUrl}/api/transaction?page=${from}&limit=${limit}`\r\n      )\r\n      .then(\r\n        (posResponse) => {\r\n          const { data = [] } = posResponse;\r\n\r\n          // console.log(\"Get trnasaction data\", data);\r\n          resolve(data);\r\n        },\r\n        (errResponse) => {\r\n          reject(errResponse);\r\n        }\r\n      );\r\n  });\r\n};\r\n\r\nexport const getTxnsDetail = (txnHash) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios.get(`${constantObject.BaseUrl}/api/transaction/${txnHash}`).then(\r\n      (posResponse) => {\r\n        const { data = [] } = posResponse;\r\n        // console.log(\"Get txn detail data\", data);\r\n        resolve(data);\r\n      },\r\n      (errResponse) => {\r\n        reject(errResponse);\r\n      }\r\n    );\r\n  });\r\n};\r\n\r\nexport const getBlockDetail = (blockNumber) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios.get(`${constantObject.BaseUrl}/api/block/${blockNumber}`).then(\r\n      (posResponse) => {\r\n        const { data = [] } = posResponse;\r\n        // console.log(\"Get block detail data\", data);\r\n        resolve(data);\r\n      },\r\n      (errResponse) => {\r\n        reject(errResponse);\r\n      }\r\n    );\r\n  });\r\n};\r\n\r\nexport const getAddress = (hash) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios.get(`${constantObject.BaseUrl}/api/address/${hash}`).then(\r\n      (posResponse) => {\r\n        const { data = [] } = posResponse;\r\n        // console.log(\"Get address data\", data);\r\n        resolve(data);\r\n      },\r\n      (errResponse) => {\r\n        reject(errResponse);\r\n      }\r\n    );\r\n  });\r\n};\r\n\r\nexport const getAddressTxns = (hash, start, limit) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(\r\n        `${constantObject.BaseUrl}/api/address/${hash}/txns?page=${start}&limit=${limit}`\r\n      )\r\n      .then(\r\n        (posResponse) => {\r\n          const { data = [] } = posResponse;\r\n          // console.log(\"Get getAddressTxns data\", data);\r\n          resolve(data);\r\n        },\r\n        (errResponse) => {\r\n          reject(errResponse);\r\n        }\r\n      );\r\n  });\r\n};\r\n\r\nexport const getBlockTxns = (blockNum, start, limit) => {\r\n  return new Promise((resolve, reject) => {\r\n    // console.log(\"LImut \", limit);\r\n    axios\r\n      .get(\r\n        `${constantObject.BaseUrl}/api/block/${blockNum}/txns?page=${start}&limit=${limit}`\r\n      )\r\n      .then(\r\n        (posResponse) => {\r\n          const { data = [] } = posResponse;\r\n          // console.log(\"Get getblockTxns data\", data);\r\n          resolve(data);\r\n        },\r\n        (errResponse) => {\r\n          reject(errResponse);\r\n        }\r\n      );\r\n  });\r\n};\r\n\r\nexport const getSearchResult = (keyword) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios.get(`${constantObject.BaseUrl}/api/search?id=${keyword}`).then(\r\n      (posResponse) => {\r\n        const { data = [] } = posResponse;\r\n        // console.log(\"Get getblockTxns data\", data);\r\n        resolve(data);\r\n      },\r\n      (errResponse) => {\r\n        reject(errResponse);\r\n      }\r\n    );\r\n  });\r\n};\r\n","export const constantObject = {\r\n  BaseUrl: `http://localhost:3000`,\r\n  RewardUnits: \"Ether\",\r\n  GasPriceUnits: \"Gwei\",\r\n  BlockNumberDescription:\r\n    \"The number of the block in which the transaction was recorded.\",\r\n  TimeStampDescription: \"The date and time at which a block is mined.\",\r\n  TransactionNumber: \"The number of transactions in the block.\",\r\n  Miner: \"Miner who successfully include the block onto the blockchain.\",\r\n  Reward:\r\n    \"For each block, the miner is rewarded with a finite amount of Ether on top of the fees paid for all transactions in the block.\",\r\n  Uncles:\r\n    \"An uncle block has a significantly lower reward than a normal block. Uncles reward is valid but rejected as it is not on the longest chain which is the working mechanism of the blockchain. Uncle block is important in Ethereum as it secures the blockchain.\",\r\n  Difficulty:\r\n    \"The amount of effort required to mine a new block. The difficulty algorithm may adjust according to time.\",\r\n  TotalDifficulty: \"Total difficulty of the chain until this block.\",\r\n  BlockSize: \"The block size is actually determined by the block's gas limit.\",\r\n  GasUsed:\r\n    \"The total gas used in the block and its percentage of gas filled in the block.\",\r\n  GasLimit: \"Total gas limit provided by all transactions in the block.\",\r\n  ExtraData: \"Any data that can be included by the miner in the block.\",\r\n  Hash: \"The hash of the block header of the current block.\",\r\n  ParentHash:\r\n    \"The hash of the block from which this block was generated, also known as its parent block.\",\r\n  StateRoot: \"The root of the state trie\",\r\n  Nonce:\r\n    \"Block nonce is a value used during mining to demonstrate proof of work for a block.\",\r\n  TransactionHash:\r\n    \"A TxHash or transaction hash is a unique 66 characters identifier that is generated whenever a transaction is executed.\",\r\n  Status: \"The status of the transaction.\",\r\n  FromAddress:\r\n    \"The sending party of the transaction (could be from a contract address).\",\r\n  ToAddress:\r\n    \"The receiving party of the transaction (could be a contract address).\",\r\n  Value: \"The value being transacted in Ether. \",\r\n  Fee: \"Amount paid to the miner for processing the transaction.\",\r\n  GasPrice:\r\n    \"Cost per unit of gas specified for the transaction, in Gwei. The higher the gas price the higher chance of getting included in a block.\",\r\n  InputData: \"Additional information that is required for the transaction.\",\r\n  Age: \"Time when transaction occured\",\r\n};\r\n\r\nexport const addressType = {\r\n  ADDRESS: \"ADDRESS\",\r\n  CONTRACT: \"CONTRACT\",\r\n};\r\n\r\nexport const txnType = {\r\n  CONTRACT_CREATION: \"CONTRACT_CREATION\",\r\n  CONTRACT_CALL: \"CONTRACT_CALL\",\r\n  TRANSFER: \"TRANSFER\",\r\n};\r\n","import React from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\n\r\nfunction OverlayQues(props) {\r\n  return (\r\n    <OverlayTrigger\r\n      placement=\"top\"\r\n      overlay={<Tooltip id=\"button-tooltip-2\">{props.text}</Tooltip>}\r\n    >\r\n      {({ ref, ...triggerHandler }) => (\r\n        <i\r\n          ref={ref}\r\n          {...triggerHandler}\r\n          className=\"fa fa-question-circle\"\r\n          style={{\r\n            fontColor: \"#77838f\",\r\n            fontWeight: \"normal\",\r\n            color: \"grey\",\r\n          }}\r\n        ></i>\r\n      )}\r\n    </OverlayTrigger>\r\n  );\r\n}\r\n\r\nexport default OverlayQues;\r\n","export default __webpack_public_path__ + \"static/media/three-dots.07e58d6a.svg\";","import React from \"react\";\r\nimport {\r\n  Container,\r\n  Table,\r\n  Row,\r\n  Col,\r\n  OverlayTrigger,\r\n  Tooltip,\r\n} from \"react-bootstrap\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport { getTxnsDetail } from \"../../common/Api\";\r\nimport { formatTimeStamp, secondsToDhms } from \"../../common/Functions\";\r\nimport { constantObject } from \"../../common/Constants\";\r\nimport OverlayQues from \"../../components/OverlayQues\";\r\nimport ThreeDots from \"../../assets/loaders/three-dots.svg\";\r\n\r\nclass Transactions extends React.Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      data: {},\r\n      isLoading: true,\r\n      isToAddressCopied: false,\r\n      isHashCopied: false,\r\n      isFromAddressCopied: false,\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.init();\r\n  }\r\n\r\n  /**\r\n   * Calls the transaction detail api and sets the result in state.\r\n   */\r\n  init = async () => {\r\n    try {\r\n      const txnDetail = await getTxnsDetail(this.props.match.params.txid);\r\n      this.setState({ data: txnDetail, isLoading: false });\r\n    } catch (e) {}\r\n  };\r\n\r\n  render() {\r\n    const labelArr = [\r\n      \"Transaction Hash:\",\r\n      \"Status:\",\r\n      \"Block:\",\r\n      \"Timestamp:\",\r\n      \"From:\",\r\n      \"To:\",\r\n      \"Value:\",\r\n      \"Transaction Fee:\",\r\n      \"Gas Price\",\r\n      \"Gas Limit:\",\r\n      \"Nonce:\",\r\n      \"Input Data:\",\r\n      \"Age:\",\r\n    ];\r\n    return (\r\n      <div>\r\n        {\" \"}\r\n        <Navbar />\r\n\r\n        <Container fluid style={{ marginLeft: \"unset\" }}>\r\n          {this.state.isLoading ? (\r\n            <Row>\r\n              <Col>\r\n                <img src={ThreeDots} style={{ marginTop: \"100px\" }}></img>\r\n              </Col>\r\n            </Row>\r\n          ) : (\r\n            <>\r\n              <Row>\r\n                <Col>\r\n                  <h1\r\n                    style={{\r\n                      paddingTop: \"20px\",\r\n                      fontSize: \"1.3125rem\",\r\n                      color: \"#77838f\",\r\n                      fontWeight: 400,\r\n                      marginTop: \"10px\",\r\n                      marginBottom: \"30px\",\r\n                      marginLeft: \"10px\",\r\n                    }}\r\n                  >\r\n                    Transaction Details{\" \"}\r\n                  </h1>\r\n                </Col>\r\n              </Row>\r\n              <Row>\r\n                <Col>\r\n                  <Table\r\n                    size=\"md\"\r\n                    className=\"block-detail\"\r\n                    style={{ margin: \"0px 10px\" }}\r\n                  >\r\n                    <tbody>\r\n                      <tr style={{ marginLeft: \"10px\", width: \"100%\" }}>\r\n                        <td className=\"table-head \" style={{ width: \"30%\" }}>\r\n                          <span>\r\n                            <OverlayQues\r\n                              text={constantObject.TransactionHash}\r\n                            />\r\n                            {labelArr[0]}\r\n                          </span>{\" \"}\r\n                        </td>\r\n                        <td>\r\n                          <span>{this.state.data.hash} </span>\r\n                          <OverlayTrigger\r\n                            placement=\"top\"\r\n                            overlay={\r\n                              <Tooltip id=\"button-tooltip-2\">\r\n                                {\"Copy Transaction Hash to clipboard\"}\r\n                              </Tooltip>\r\n                            }\r\n                          >\r\n                            {({ ref, ...triggerHandler }) =>\r\n                              this.state.isHashCopied ? (\r\n                                <i\r\n                                  ref={ref}\r\n                                  {...triggerHandler}\r\n                                  className=\"fa fa-check-circle mr-1 \"\r\n                                  style={{ color: \"#77838f\" }}\r\n                                >\r\n                                  {\" \"}\r\n                                  Copied\r\n                                </i>\r\n                              ) : (\r\n                                <i\r\n                                  ref={ref}\r\n                                  {...triggerHandler}\r\n                                  className=\"fa fa-copy \"\r\n                                  onClick={() => {\r\n                                    navigator.clipboard.writeText(\r\n                                      this.state.data.hash\r\n                                    );\r\n                                    this.setState({ isHashCopied: true });\r\n                                    setTimeout(() => {\r\n                                      this.setState({ isHashCopied: false });\r\n                                    }, 1000);\r\n                                  }}\r\n                                  style={{\r\n                                    marginLeft: \"5px\",\r\n                                    color: \"#77838f\",\r\n                                  }}\r\n                                ></i>\r\n                              )\r\n                            }\r\n                          </OverlayTrigger>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.Status} />\r\n                          {labelArr[1]}\r\n                        </td>\r\n                        <td>\r\n                          {this.state.data.status ? (\r\n                            this.state.data.status === 1 ? (\r\n                              <span\r\n                                style={{\r\n                                  color: \"#00c9a7\",\r\n                                  backgroundColor: \"#c0fcf2\",\r\n                                  padding: \".4rem .7rem\",\r\n                                  borderRadius: \".35rem\",\r\n                                }}\r\n                              >\r\n                                <i className=\"fa fa-check-circle mr-1 \"></i>\r\n                                Success\r\n                              </span>\r\n                            ) : (\r\n                              <span\r\n                                style={{\r\n                                  color: \"#de4437\",\r\n                                  backgroundColor: \"rgba(222,68,55,.1)\",\r\n                                  padding: \".4rem .7rem\",\r\n                                  borderRadius: \".35rem\",\r\n                                }}\r\n                              >\r\n                                <i className=\"fa fa-times-circle mr-1 \"></i>Fail\r\n                              </span>\r\n                            )\r\n                          ) : (\r\n                            <span\r\n                              style={{\r\n                                color: \"#77838f\",\r\n                                backgroundColor: \"rgba(119,131,143,.1)\",\r\n                                padding: \".4rem .7rem\",\r\n                                borderRadius: \".35rem\",\r\n                              }}\r\n                            >\r\n                              <i className=\"fa fa-dot-circle-o mr-1 \"></i>\r\n                              Pending\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.BlockNumberDescription}\r\n                          />\r\n                          {labelArr[2]}\r\n                        </td>\r\n                        <td>\r\n                          <span\r\n                            className=\"app-links\"\r\n                            onClick={() =>\r\n                              this.props.history.push(\r\n                                `/block/${this.state.data.blockNumber}`\r\n                              )\r\n                            }\r\n                          >\r\n                            {this.state.data.blockNumber}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.TimeStampDescription}\r\n                          />\r\n                          {labelArr[3]}\r\n                        </td>\r\n                        <td>\r\n                          {\" \"}\r\n                          {this.state.data.status ? (\r\n                            <span>\r\n                              <i className=\"fa fa-clock-o\" style={{}}></i>{\" \"}\r\n                              {secondsToDhms(this.state.data.age)}\r\n                              {\" (\"}\r\n                              {formatTimeStamp(this.state.data.timestamp)}\r\n                              {\")\"}\r\n                            </span>\r\n                          ) : (\r\n                            <span>\r\n                              <i className=\"fa fa-clock-o\" style={{}}></i>{\" \"}\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.FromAddress} />\r\n                          {labelArr[4]}\r\n                        </td>\r\n                        <td>\r\n                          <span\r\n                            className=\"app-links\"\r\n                            onClick={() =>\r\n                              this.props.history.push(\r\n                                `/address/${this.state.data.from}`\r\n                              )\r\n                            }\r\n                          >\r\n                            {this.state.data.from}\r\n                          </span>{\" \"}\r\n                          <OverlayTrigger\r\n                            placement=\"top\"\r\n                            overlay={\r\n                              <Tooltip id=\"button-tooltip-2\">\r\n                                {\"Copy From Address to clipboard\"}\r\n                              </Tooltip>\r\n                            }\r\n                          >\r\n                            {({ ref, ...triggerHandler }) =>\r\n                              this.state.isFromAddressCopied ? (\r\n                                <i\r\n                                  ref={ref}\r\n                                  {...triggerHandler}\r\n                                  className=\"fa fa-check-circle mr-1 \"\r\n                                  style={{ color: \"#77838f\" }}\r\n                                >\r\n                                  {\" \"}\r\n                                  Copied\r\n                                </i>\r\n                              ) : (\r\n                                <i\r\n                                  ref={ref}\r\n                                  {...triggerHandler}\r\n                                  className=\"fa fa-copy \"\r\n                                  onClick={() => {\r\n                                    navigator.clipboard.writeText(\r\n                                      this.state.data.from\r\n                                    );\r\n                                    this.setState({\r\n                                      isFromAddressCopied: true,\r\n                                    });\r\n                                    setTimeout(() => {\r\n                                      this.setState({\r\n                                        isFromAddressCopied: false,\r\n                                      });\r\n                                    }, 1000);\r\n                                  }}\r\n                                  style={{\r\n                                    marginLeft: \"5px\",\r\n                                    color: \"#77838f\",\r\n                                  }}\r\n                                ></i>\r\n                              )\r\n                            }\r\n                          </OverlayTrigger>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.ToAddress} />\r\n                          {labelArr[5]}\r\n                        </td>\r\n                        {this.state.data.type === \"CONTRACT_CREATION\" ? (\r\n                          <td>\r\n                            <OverlayTrigger\r\n                              placement=\"top\"\r\n                              overlay={\r\n                                <Tooltip id=\"button-tooltip-2\">\r\n                                  {this.state.data.to}\r\n                                </Tooltip>\r\n                              }\r\n                            >\r\n                              {({ ref, ...triggerHandler }) => (\r\n                                <span\r\n                                  ref={ref}\r\n                                  {...triggerHandler}\r\n                                  className=\"app-links\"\r\n                                  onClick={() =>\r\n                                    this.props.history.push(\r\n                                      `/address/${this.state.data.to}`\r\n                                    )\r\n                                  }\r\n                                >\r\n                                  <i\r\n                                    className=\"fa fa-newspaper-o mr-1 \"\r\n                                    style={{\r\n                                      fontColor: \"#77838f\",\r\n                                      fontWeight: \"normal\",\r\n                                    }}\r\n                                  ></i>\r\n                                  {\"CONTRACT_CREATION\"}\r\n                                </span>\r\n                              )}\r\n                            </OverlayTrigger>{\" \"}\r\n                            <OverlayTrigger\r\n                              placement=\"top\"\r\n                              overlay={\r\n                                <Tooltip id=\"button-tooltip-2\">\r\n                                  {\"Copy To Address to clipboard\"}\r\n                                </Tooltip>\r\n                              }\r\n                            >\r\n                              {({ ref, ...triggerHandler }) =>\r\n                                this.state.isToAddressCopied ? (\r\n                                  <i\r\n                                    ref={ref}\r\n                                    {...triggerHandler}\r\n                                    className=\"fa fa-check-circle mr-1 \"\r\n                                    style={{ color: \"#77838f\" }}\r\n                                  >\r\n                                    {\" \"}\r\n                                    Copied\r\n                                  </i>\r\n                                ) : (\r\n                                  <i\r\n                                    ref={ref}\r\n                                    {...triggerHandler}\r\n                                    className=\"fa fa-copy \"\r\n                                    onClick={() => {\r\n                                      navigator.clipboard.writeText(\r\n                                        this.state.data.to\r\n                                      );\r\n                                      this.setState({\r\n                                        isToAddressCopied: true,\r\n                                      });\r\n                                      setTimeout(() => {\r\n                                        this.setState({\r\n                                          isToAddressCopied: false,\r\n                                        });\r\n                                      }, 1000);\r\n                                    }}\r\n                                    style={{\r\n                                      marginLeft: \"5px\",\r\n                                      color: \"#77838f\",\r\n                                    }}\r\n                                  ></i>\r\n                                )\r\n                              }\r\n                            </OverlayTrigger>\r\n                          </td>\r\n                        ) : (\r\n                          <td>\r\n                            <span\r\n                              className=\"app-links\"\r\n                              onClick={() =>\r\n                                this.props.history.push(\r\n                                  `/address/${this.state.data.to}`\r\n                                )\r\n                              }\r\n                            >\r\n                              {this.state.data.to}\r\n                            </span>{\" \"}\r\n                            <OverlayTrigger\r\n                              placement=\"top\"\r\n                              overlay={\r\n                                <Tooltip id=\"button-tooltip-2\">\r\n                                  {\"Copy To Address to clipboard\"}\r\n                                </Tooltip>\r\n                              }\r\n                            >\r\n                              {({ ref, ...triggerHandler }) =>\r\n                                this.state.isToAddressCopied ? (\r\n                                  <i\r\n                                    ref={ref}\r\n                                    {...triggerHandler}\r\n                                    className=\"fa fa-check-circle mr-1 \"\r\n                                    style={{ color: \"#77838f\" }}\r\n                                  >\r\n                                    {\" \"}\r\n                                    Copied\r\n                                  </i>\r\n                                ) : (\r\n                                  <i\r\n                                    ref={ref}\r\n                                    {...triggerHandler}\r\n                                    className=\"fa fa-copy \"\r\n                                    onClick={() => {\r\n                                      navigator.clipboard.writeText(\r\n                                        this.state.data.to\r\n                                      );\r\n                                      this.setState({\r\n                                        isToAddressCopied: true,\r\n                                      });\r\n                                      setTimeout(() => {\r\n                                        this.setState({\r\n                                          isToAddressCopied: false,\r\n                                        });\r\n                                      }, 1000);\r\n                                    }}\r\n                                    style={{\r\n                                      marginLeft: \"5px\",\r\n                                      color: \"#77838f\",\r\n                                    }}\r\n                                  ></i>\r\n                                )\r\n                              }\r\n                            </OverlayTrigger>\r\n                          </td>\r\n                        )}\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.Value} />\r\n                          {labelArr[6]}\r\n                        </td>\r\n                        <td>{this.state.data.value}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.Fee} />\r\n                          {labelArr[7]}\r\n                        </td>\r\n                        <td>\r\n                          {this.state.data.txnFee} {constantObject.RewardUnits}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.GasPrice} />\r\n                          {labelArr[8]}\r\n                        </td>\r\n                        <td>\r\n                          {this.state.data.gasPrice}{\" \"}\r\n                          {constantObject.GasPriceUnits}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.GasLimit} />\r\n                          {labelArr[9]}\r\n                        </td>\r\n                        <td>{this.state.data.gasLimit}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.Nonce} />\r\n                          {labelArr[10]}\r\n                        </td>\r\n                        <td>{this.state.data.nonce}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.InputData} />\r\n                          {labelArr[11]}\r\n                        </td>\r\n                        <td style={{ wordBreak: \"break-word\" }}>\r\n                          {this.state.data.inputData}\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </Table>\r\n                </Col>\r\n              </Row>\r\n            </>\r\n          )}\r\n        </Container>\r\n\r\n        <Footer />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Transactions;\r\n","import React from \"react\";\r\nimport { Container } from \"react-bootstrap\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport { getAddressTxns } from \"../../common/Api\";\r\nimport Footer from \"../../components/Footer\";\r\n\r\nclass TransactionsList extends React.Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      data: {},\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.init();\r\n  }\r\n\r\n  /**\r\n   * Calls the  getAddress api and sets the result in state.\r\n   */\r\n  init = async () => {\r\n    try {\r\n      const txnDetail = await getAddressTxns(this.props.match.params.txid);\r\n      //  txnDetail.timestamp = new Date(txnDetail.timestamp);\r\n      this.setState({ data: txnDetail.data });\r\n    } catch (e) {}\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        {\" \"}\r\n        <Navbar></Navbar>\r\n\r\n        <h1\r\n          style={{\r\n            paddingLeft: \"20px\",\r\n            paddingTop: \"20px\",\r\n            fontSize: \"1.3125rem\",\r\n            tdor: \"#4a4f55\",\r\n            fontWeight: 400,\r\n            marginTop: \"10px\",\r\n            marginBottom: \"30px\",\r\n          }}\r\n        >\r\n          Transaction{\" \"}\r\n        </h1>\r\n        <h2>For {this.props.match.params.txid}</h2>\r\n        <Container fluid className=\"container-width\">\r\n          {/* <Transactions txnsArr={this.state.data}>\r\n\r\n           </Transactions> */}\r\n        </Container>\r\n\r\n        <Footer />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default TransactionsList;\r\n","import React from \"react\";\r\nimport { Table, OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport { secondsToDhms, formatTimeStamp } from \"../common/Functions\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { constantObject, txnType } from \"../common/Constants\";\r\nfunction Transactions(props) {\r\n  const history = useHistory();\r\n  const txnsHead = [\r\n    \"Txn Hash\",\r\n    \"Block\",\r\n    \"Age\",\r\n    \"From\",\r\n    \"To\",\r\n    \"Value\",\r\n    \"Txn Fee\",\r\n  ];\r\n  return (\r\n    <Table striped responsive>\r\n      <thead>\r\n        <tr>\r\n          {txnsHead.map((heading, index) => {\r\n            return (\r\n              <th style={{ padding: \"10px 20px\" }} key={index}>\r\n                {heading}\r\n              </th>\r\n            );\r\n          })}\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        {props.txnsArr.map((currentBlock, index) => {\r\n          return (\r\n            <tr key={index}>\r\n              <OverlayTrigger\r\n                placement=\"top\"\r\n                overlay={\r\n                  <Tooltip id=\"button-tooltip-2\">{currentBlock.hash}</Tooltip>\r\n                }\r\n              >\r\n                {({ ref, ...triggerHandler }) => (\r\n                  <td ref={ref} {...triggerHandler} className=\"hash-tag-txn\">\r\n                    <span\r\n                      className=\"app-links\"\r\n                      onClick={() => history.push(`/txs/${currentBlock.hash}`)}\r\n                    >\r\n                      {currentBlock.hash}\r\n                    </span>\r\n                  </td>\r\n                )}\r\n              </OverlayTrigger>\r\n              <td>\r\n                <span\r\n                  className=\"app-links\"\r\n                  onClick={() =>\r\n                    history.push(`/block/${currentBlock.blockNumber}`)\r\n                  }\r\n                >\r\n                  {currentBlock.blockNumber}\r\n                </span>\r\n              </td>\r\n              <OverlayTrigger\r\n                placement=\"top\"\r\n                overlay={\r\n                  <Tooltip id=\"button-tooltip-2\">\r\n                    {formatTimeStamp(currentBlock.timestamp)}\r\n                  </Tooltip>\r\n                }\r\n              >\r\n                {({ ref, ...triggerHandler }) => (\r\n                  <td>\r\n                    <span ref={ref} {...triggerHandler}>\r\n                      {secondsToDhms(currentBlock.age)}\r\n                    </span>\r\n                  </td>\r\n                )}\r\n              </OverlayTrigger>\r\n\r\n              <OverlayTrigger\r\n                placement=\"top\"\r\n                overlay={\r\n                  <Tooltip id=\"button-tooltip-2\">\r\n                    {currentBlock.fromAddress}\r\n                  </Tooltip>\r\n                }\r\n              >\r\n                {({ ref, ...triggerHandler }) => (\r\n                  <td ref={ref} {...triggerHandler} className=\"hash-tag-txn\">\r\n                    <span\r\n                      className={\r\n                        props.hash !== currentBlock.fromAddress\r\n                          ? \"app-links\"\r\n                          : \"\"\r\n                      }\r\n                      onClick={() => {\r\n                        if (props.hash !== currentBlock.fromAddress) {\r\n                          if (props.initFunction) {\r\n                            props.initFunction(currentBlock.fromAddress);\r\n                          }\r\n                          history.push(`/address/${currentBlock.fromAddress}`);\r\n                        }\r\n                      }}\r\n                    >\r\n                      {currentBlock.fromAddress}\r\n                    </span>\r\n                  </td>\r\n                )}\r\n              </OverlayTrigger>\r\n\r\n              <OverlayTrigger\r\n                placement=\"top\"\r\n                overlay={\r\n                  <Tooltip id=\"button-tooltip-2\">\r\n                    {currentBlock.toAddress}\r\n                  </Tooltip>\r\n                }\r\n              >\r\n                {({ ref, ...triggerHandler }) => (\r\n                  <td ref={ref} {...triggerHandler} className=\"hash-tag-txn\">\r\n                    {currentBlock.type === txnType.CONTRACT_CREATION ? (\r\n                      <>\r\n                        <i\r\n                          className=\"fa fa-newspaper-o mr-1 \"\r\n                          style={{ fontColor: \"#6c757e\", fontWeight: \"normal\" }}\r\n                        ></i>\r\n                        <span\r\n                          className={\r\n                            props.hash !== currentBlock.toAddress\r\n                              ? \"app-links\"\r\n                              : \"\"\r\n                          }\r\n                          onClick={() => {\r\n                            if (props.hash !== currentBlock.toAddress) {\r\n                              if (props.initFunction) {\r\n                                props.initFunction(currentBlock.toAddress);\r\n                              }\r\n                              history.push(\r\n                                `/address/${currentBlock.toAddress}`\r\n                              );\r\n                            }\r\n                          }}\r\n                        >\r\n                          CONTRACT CREATION\r\n                        </span>\r\n                      </>\r\n                    ) : (\r\n                      <>\r\n                        {currentBlock.type === txnType.CONTRACT_CALL && (\r\n                          <i\r\n                            className=\"fa fa-file-alt\"\r\n                            style={{\r\n                              fontColor: \"#77838f\",\r\n                              fontWeight: \"normal\",\r\n                            }}\r\n                          ></i>\r\n                        )}\r\n                        <span\r\n                          className={\r\n                            props.hash !== currentBlock.toAddress\r\n                              ? \"app-links\"\r\n                              : \"\"\r\n                          }\r\n                          onClick={() => {\r\n                            if (props.hash !== currentBlock.toAddress) {\r\n                              if (props.initFunction) {\r\n                                props.initFunction(currentBlock.toAddress);\r\n                              }\r\n                              history.push(\r\n                                `/address/${currentBlock.toAddress}`\r\n                              );\r\n                            }\r\n                          }}\r\n                        >\r\n                          {currentBlock.toAddress}\r\n                        </span>\r\n                      </>\r\n                    )}\r\n                  </td>\r\n                )}\r\n              </OverlayTrigger>\r\n\r\n              <td>\r\n                {currentBlock.value} {constantObject.RewardUnits}\r\n              </td>\r\n              <td>{currentBlock.txnFee}</td>\r\n            </tr>\r\n          );\r\n        })}\r\n      </tbody>\r\n    </Table>\r\n  );\r\n}\r\n\r\nexport default Transactions;\r\n","import React from \"react\";\r\nimport { Button, Dropdown, InputGroup, DropdownButton } from \"react-bootstrap\";\r\n\r\nfunction Pagination(props) {\r\n  return (\r\n    <div className=\"d-md-flex justify-content-between my-3 w-100\">\r\n      <div className=\"d-flex align-items-center text-secondary mb-2 mb-md-0 shownumbers\">\r\n        <span className=\"show\">Show</span>\r\n        <DropdownButton\r\n          as={InputGroup.Prepend}\r\n          size=\"sm\"\r\n          variant=\"outline-secondary\"\r\n          title={props.perPageRecords}\r\n          id=\"input-group-dropdown-1\"\r\n          onSelect={(e) => props.onSelectDropdown(e)}\r\n          className=\"custom-select-xs drop-down\"\r\n        >\r\n          <Dropdown.Item eventKey=\"10\">10</Dropdown.Item>\r\n          <Dropdown.Item eventKey=\"25\">25</Dropdown.Item>\r\n          <Dropdown.Item eventKey=\"50\">50</Dropdown.Item>\r\n          <Dropdown.Item eventKey=\"100\">100</Dropdown.Item>\r\n        </DropdownButton>\r\n\r\n        <span className=\"records\">Records</span>\r\n      </div>\r\n      <div className=\"mb-4 mb-md-0\">\r\n        <Button\r\n          className=\"custom-button-xs page-btn\"\r\n          size=\"sm\"\r\n          onClick={() => props.onClickPageButton(\"First\")}\r\n          disabled={props.disableFirst}\r\n        >\r\n          First\r\n        </Button>\r\n        {\"  \"}\r\n        <Button\r\n          className=\"custom-button-xs\"\r\n          size=\"sm\"\r\n          onClick={() => props.onClickPageButton(\"Prev\")}\r\n          disabled={props.disableFirst}\r\n        >\r\n          {\"<\"}\r\n        </Button>\r\n        <Button disabled={true} className=\"custom-button-xs\">\r\n          Page {props.currentPage} of {props.totalPages}\r\n        </Button>\r\n        <Button\r\n          className=\"custom-button-xs\"\r\n          size=\"sm\"\r\n          onClick={() => props.onClickPageButton(\"Next\")}\r\n          disabled={props.disableLast}\r\n        >\r\n          {\">\"}\r\n        </Button>\r\n        {\"  \"}\r\n        <Button\r\n          className=\"custom-button-xs\"\r\n          size=\"sm\"\r\n          onClick={() => props.onClickPageButton(\"Last\")}\r\n          disabled={props.disableLast}\r\n        >\r\n          Last\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Pagination;\r\n","import React from \"react\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Transactions from \"../../components/Transactions\";\r\nimport Pagination from \"../../components/Pagination\";\r\nimport { getBlockTxns } from \"../../common/Api\";\r\n\r\nclass TxnsForBlock extends React.Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      data: [],\r\n      per_page_records_txs: 25,\r\n      total_pages_txs: 1,\r\n      disable_first_txs: true,\r\n      disable_last_txs: false,\r\n      current_page_txs: 1,\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.init(1);\r\n  }\r\n\r\n  /**\r\n   * Calls the  transaction for a block api and sets the result in state.\r\n   * @param {*} from : Page number to get the records from.\r\n   */\r\n  init = async (from) => {\r\n    const txnsResult = await getBlockTxns(\r\n      this.props.match.params.blockid,\r\n      from,\r\n      this.state.per_page_records_txs\r\n    );\r\n    // const txnsResult = await getTxns(from, this.state.per_page_records_txs);\r\n    // const timeArray = [];\r\n    let totalPages = 0;\r\n    let disableLast = false;\r\n    if (txnsResult.totalCount % this.state.per_page_records_txs === 0) {\r\n      totalPages = txnsResult.totalCount / this.state.per_page_records_txs;\r\n    } else {\r\n      totalPages =\r\n        parseInt(txnsResult.totalCount / this.state.per_page_records_txs) + 1;\r\n    }\r\n\r\n    if (totalPages === from) {\r\n      disableLast = true;\r\n    }\r\n\r\n    this.setState({\r\n      data: txnsResult.data,\r\n      // txnsArr: txnsResult,\r\n      total_records_txs: txnsResult.totalCount,\r\n      total_pages_txs: totalPages,\r\n      disable_last_txs: disableLast,\r\n      current_page_txs: from,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Changes the drop down value for transactions and call the api to get new records\r\n   * @param {*} selectedValue :Current selected value of dropdown.\r\n   */\r\n  handleSelect = (selectedValue) => {\r\n    this.setState({ per_page_records_txs: selectedValue }, () => {\r\n      this.init(1);\r\n    });\r\n  };\r\n\r\n  /**\r\n   *\r\n   * Updates the current page in pagination(For transactions) buttons and disables and enables button according to currentpage.\r\n   * @param {*} currentPage :Current updated page\r\n   */\r\n  updatePage = (currentPage) => {\r\n    let first = true;\r\n    let last = true;\r\n    const { total_pages_tx: totalPage } = this.state;\r\n\r\n    if (currentPage !== 1) {\r\n      first = false;\r\n    }\r\n\r\n    if (currentPage !== totalPage) {\r\n      last = false;\r\n    }\r\n\r\n    this.setState(\r\n      {\r\n        current_page_txs: currentPage,\r\n        disable_first_txs: first,\r\n        disable_last_txs: last,\r\n      },\r\n      () => this.init(currentPage)\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Update current page value according to the type of button clicked.For transactions\r\n   * @param {*} type :Type of button clicked (prev,next,first last )\r\n   */\r\n  performPagination = (type) => {\r\n    const { total_pages_txs: totalPage } = this.state;\r\n    let { current_page_txs: currentPage } = this.state;\r\n    switch (type) {\r\n      case \"First\":\r\n        currentPage = 1;\r\n        this.updatePage(currentPage);\r\n        break;\r\n\r\n      case \"Prev\":\r\n        currentPage = currentPage - 1;\r\n        this.updatePage(currentPage);\r\n        break;\r\n      case \"Next\":\r\n        currentPage = currentPage + 1;\r\n        this.updatePage(currentPage);\r\n        break;\r\n      case \"Last\":\r\n        currentPage = totalPage;\r\n        this.updatePage(currentPage);\r\n        break;\r\n      default:\r\n        currentPage = 1;\r\n        break;\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        {\" \"}\r\n        <Navbar></Navbar>\r\n        <Container fluid className=\"container-width\">\r\n          <Row>\r\n            <Col>\r\n              {\" \"}\r\n              <h2\r\n                style={{\r\n                  paddingTop: \"20px\",\r\n                  fontSize: \"2.3125rem\",\r\n                  color: \"#77838f\",\r\n                  fontWeight: 400,\r\n                  marginTop: \"10px\",\r\n                  marginBottom: \"30px\",\r\n                  marginLeft: \"2px\",\r\n                }}\r\n              >\r\n                Transactions{\" \"}\r\n              </h2>\r\n              <h1\r\n                style={{\r\n                  paddingTop: \"20px\",\r\n                  fontSize: \"1.3125rem\",\r\n                  color: \"#77838f\",\r\n                  fontWeight: 400,\r\n                  marginTop: \"10px\",\r\n                  marginBottom: \"30px\",\r\n                  marginLeft: \"2px\",\r\n                }}\r\n              >\r\n                For Block #{this.props.match.params.blockid}\r\n              </h1>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col>\r\n              <Transactions txnsArr={this.state.data}></Transactions>\r\n            </Col>\r\n          </Row>\r\n          <div className=\"paginationOuter\">\r\n            <Row>\r\n              <Col>\r\n                <Pagination\r\n                  perPageRecords={this.state.per_page_records_txs}\r\n                  disableFirst={this.state.disable_first_txs}\r\n                  disableLast={this.state.disable_last_txs}\r\n                  currentPage={this.state.current_page_txs}\r\n                  totalPages={this.state.total_pages_txs}\r\n                  onSelectDropdown={this.handleSelect}\r\n                  onClickPageButton={this.performPagination}\r\n                />\r\n              </Col>\r\n            </Row>\r\n          </div>\r\n        </Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default TxnsForBlock;\r\n","import React from \"react\";\r\n\r\nfunction About() {\r\n  return (\r\n    <div>\r\n      <h1>About Us Page</h1>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default About;\r\n","import React from \"react\";\r\nimport {\r\n  Container,\r\n  Row,\r\n  Col,\r\n  Table,\r\n  OverlayTrigger,\r\n  Tooltip,\r\n} from \"react-bootstrap\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport { getBlockDetail } from \"../../common/Api\";\r\nimport ThreeDots from \"../../assets/loaders/three-dots.svg\";\r\nimport { constantObject } from \"../../common/Constants\";\r\nimport OverlayQues from \"../../components/OverlayQues\";\r\nimport \"./index.scss\";\r\n\r\nimport { secondsToDhms, formatTimeStamp } from \"../../common/Functions\";\r\nclass BlockDetailPage extends React.Component {\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      data: {},\r\n      isLoading: true,\r\n      blockKeys: [\r\n        \"Block Number:\",\r\n        \"Timestamp:\",\r\n        \"Transactions:\",\r\n        \"Mined By:\",\r\n        \"Block Reward:\",\r\n        \"Uncles:\",\r\n        \"Difficulty:\",\r\n        \"Total Difficulty:\",\r\n        \"Size:\",\r\n        \"Gas Used:\",\r\n        \"Gas Limit:\",\r\n        \"Extra Data:\",\r\n        \"Hash:\",\r\n        \"Parent Hash:\",\r\n        \"State Root:\",\r\n        \"Nonce:\",\r\n        \"Age:\",\r\n      ],\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.init();\r\n  }\r\n\r\n  /*\r\n  Call the api and get block details\r\n   * \r\n  */\r\n  init = async () => {\r\n    try {\r\n      const txnDetail = await getBlockDetail(this.props.match.params.blockid);\r\n      // const txnDetail = {\r\n      //   number: 19144,\r\n      //   timestamp: \"2021-03-29T11:11:29.000Z\",\r\n      //   txns: 0,\r\n      //   miner: \"0xfe3b557e8fb62b89f4916b721be55ceb828dbd73\",\r\n      //   miningReward: 2,\r\n      //   uncles: 0,\r\n      //   difficulty: 10000,\r\n      //   totalDifficulty: 122200,\r\n      //   size: 500,\r\n      //   gasUsed: 12344,\r\n      //   gasLimit: 44444,\r\n      //   extraData: \"0x\",\r\n      //   hash: \"0x545a3b165e795a6e75a7d574fe4aa53deba2dbf0cf5cca25a4964f3d1c1a7578\",\r\n      //   parentHash:\r\n      //     \"0x545a3b165e795a6e75a7d574fe4aa53deba2dbf0cf5cca25a4964f3d1c1a7578\",\r\n      //   stateRoot: \"543534543\",\r\n      //   nonce: 344242,\r\n      //   age: 33233,\r\n      //   extraReward: 435,\r\n      // };\r\n      this.setState({ data: txnDetail, isLoading: false });\r\n    } catch (e) {}\r\n  };\r\n\r\n  /* @param parentHash to get data for\r\n   * Get and show data of parent hash of current block\r\n   */\r\n  getParentHashData = async (parentHash) => {\r\n    try {\r\n      const txnDetail = await getBlockDetail(parentHash);\r\n      this.setState({ data: txnDetail });\r\n    } catch (e) {}\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        {\" \"}\r\n        <Navbar></Navbar>\r\n        <Container fluid style={{ marginLeft: \"unset\" }}>\r\n          {this.state.isLoading ? (\r\n            <Row>\r\n              <Col>\r\n                <img src={ThreeDots} style={{ marginTop: \"100px\" }}></img>\r\n              </Col>\r\n            </Row>\r\n          ) : (\r\n            <>\r\n              <Row>\r\n                <Col>\r\n                  <h1\r\n                    style={{\r\n                      paddingTop: \"20px\",\r\n                      fontSize: \"1.3125rem\",\r\n                      color: \"#77838f\",\r\n                      fontWeight: 400,\r\n                      marginTop: \"10px\",\r\n                      marginBottom: \"30px\",\r\n                      marginLeft: \"10px\",\r\n                    }}\r\n                  >\r\n                    Block Details{\" \"}\r\n                  </h1>\r\n                </Col>\r\n              </Row>\r\n              <Row>\r\n                <Col style={{ overflowX: \"hidden\" }}>\r\n                  <Table\r\n                    size=\"md\"\r\n                    className=\"block-detail\"\r\n                    style={{ margin: \"0px 10px\", overflowX: \"hidden\" }}\r\n                  >\r\n                    <tbody>\r\n                      <tr style={{ marginLeft: \"10px\" }}>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.BlockNumberDescription}\r\n                          ></OverlayQues>\r\n                          <span>{this.state.blockKeys[0]}</span>\r\n                        </td>\r\n                        <td>\r\n                          <span style={{ fontWeight: \"bold\" }}>\r\n                            {this.state.data.number}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <span>\r\n                            <OverlayQues\r\n                              text={constantObject.TimeStampDescription}\r\n                            ></OverlayQues>\r\n                            {this.state.blockKeys[1]}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          <span>\r\n                            <i className=\"fa fa-clock-o\"></i>{\" \"}\r\n                            {secondsToDhms(this.state.data.age)}\r\n                            {\" (\"}\r\n                            {formatTimeStamp(this.state.data.timestamp)}\r\n                            {\")\"}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.TransactionNumber}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[2]}\r\n                        </td>\r\n                        {this.state.data.txns === 0 ? (\r\n                          <td> {this.state.data.txns} </td>\r\n                        ) : (\r\n                          <td>\r\n                            <span\r\n                              className=\"app-links\"\r\n                              onClick={() =>\r\n                                this.props.history.push(\r\n                                  `/txns/${this.state.data.number}`\r\n                                )\r\n                              }\r\n                            >\r\n                              {\" \"}\r\n                              {this.state.data.txns}{\" \"}\r\n                            </span>\r\n                          </td>\r\n                        )}\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.Miner}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[3]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          <span\r\n                            className=\"app-links\"\r\n                            onClick={() =>\r\n                              this.props.history.push(\r\n                                `/address/${this.state.data.miner}`\r\n                              )\r\n                            }\r\n                          >\r\n                            {this.state.data.miner}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.Reward}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[4]}\r\n                        </td>\r\n                        <td>\r\n                          <span>\r\n                            {this.state.data.reward}{\" \"}\r\n                            {constantObject.RewardUnits}\r\n                            {\" ( \"}\r\n                            <OverlayTrigger\r\n                              placement=\"top\"\r\n                              overlay={\r\n                                <Tooltip id=\"button-tooltip-2\">\r\n                                  {\" \"}\r\n                                  {\"Static block reward\"}\r\n                                </Tooltip>\r\n                              }\r\n                            >\r\n                              {({ ref, ...triggerHandler }) => (\r\n                                <span ref={ref} {...triggerHandler}>\r\n                                  {this.state.data.miningReward}\r\n                                </span>\r\n                              )}\r\n                            </OverlayTrigger>\r\n                            {\" + \"}\r\n                            <OverlayTrigger\r\n                              placement=\"top\"\r\n                              overlay={\r\n                                <Tooltip id=\"button-tooltip-2\">\r\n                                  {\"Txn Fees\"}\r\n                                </Tooltip>\r\n                              }\r\n                            >\r\n                              {({ ref, ...triggerHandler }) => (\r\n                                <span ref={ref} {...triggerHandler}>\r\n                                  {this.state.data.extraReward}\r\n                                </span>\r\n                              )}\r\n                            </OverlayTrigger>\r\n                            {\" )\"}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.Uncles}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[5]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          {this.state.data.uncles}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head \">\r\n                          <OverlayQues\r\n                            text={constantObject.Difficulty}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[6]}\r\n                        </td>\r\n                        <td>{this.state.data.difficulty}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          {\" \"}\r\n                          <OverlayQues\r\n                            text={constantObject.TotalDifficulty}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[7]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          {this.state.data.totalDifficulty}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.BlockSize}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[8]}\r\n                        </td>\r\n                        <td>{this.state.data.size}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.GasUsed}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[9]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          {this.state.data.gasUsed}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.GasLimit}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[10]}\r\n                        </td>\r\n                        <td>{this.state.data.gasLimit}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.ExtraData}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[11]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          {this.state.data.extraData}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          <OverlayQues text={constantObject.Hash}></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[12]}\r\n                        </td>\r\n                        <td>{this.state.data.hash}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          <OverlayQues\r\n                            text={constantObject.ParentHash}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[13]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          <span\r\n                            className=\"app-links\"\r\n                            onClick={() => {\r\n                              this.getParentHashData(\r\n                                this.state.data.parentHash\r\n                              );\r\n                            }}\r\n                          >\r\n                            {this.state.data.parentHash}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"table-head\">\r\n                          {\" \"}\r\n                          <OverlayQues\r\n                            text={constantObject.StateRoot}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[14]}\r\n                        </td>\r\n                        <td>{this.state.data.stateRoot}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"block-detail-cells table-head\">\r\n                          {\" \"}\r\n                          <OverlayQues\r\n                            text={constantObject.Nonce}\r\n                          ></OverlayQues>{\" \"}\r\n                          {this.state.blockKeys[15]}\r\n                        </td>\r\n                        <td className=\"block-detail-cells\">\r\n                          {this.state.data.nonce}\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </Table>\r\n                </Col>\r\n              </Row>\r\n            </>\r\n          )}\r\n        </Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default BlockDetailPage;\r\n","import React, { useState } from \"react\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport RSearchBar from \"material-ui-search-bar\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport \"./index.scss\";\r\nimport {\r\n  Button,\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n  Link,\r\n} from \"@material-ui/core\";\r\n\r\nconst PendingTransaction = () => {\r\n  // State for handling pagination and search\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(10);\r\n  const [searchText, setSearchText] = useState(\"\");\r\n\r\n  // Dummy data for the table\r\n  const rows = [\r\n    {\r\n      id: 1,\r\n      Txn: \"0xcfc3e7c925f32c4459d...\",\r\n      method: \"Sending\",\r\n      nonce: 1201,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 123456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 2,\r\n      Txn: \"0xcfc3e7c925f32c8578d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1202,\r\n      lastseen: \"2 sec ago\",\r\n      gaslimit: 136457,\r\n      gasprice: \"2 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 3,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Withdraw\",\r\n      nonce: 1203,\r\n      lastseen: \"3 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"3 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 4,\r\n      Txn: \"0xcfc3e7c943f32c859d...\",\r\n      method: \"Pending\",\r\n      nonce: 1204,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 5,\r\n      Txn: \"0xcfc3e7c925f78c859d...\",\r\n      method: \"Aprove\",\r\n      nonce: 1205,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 133356,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 6,\r\n      Txn: \"0xcfc3e7c925gg2c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1206,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 156456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 7,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1207,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 8,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1208,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 9,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1209,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 10,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1210,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 11,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1211,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 12,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1212,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 13,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1213,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 14,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1214,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n    {\r\n      id: 15,\r\n      Txn: \"0xcfc3e7c925f32c859d...\",\r\n      method: \"Transfer\",\r\n      nonce: 1215,\r\n      lastseen: \"1 sec ago\",\r\n      gaslimit: 136456,\r\n      gasprice: \"4 Gwei\",\r\n      from: \"0xf915Ed...5a1a94Be\",\r\n      to: \"0xf915Ed...5a1a94Be\",\r\n      amount: \"03 HEWE\",\r\n    },\r\n  ];\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  const handleSearch = (value) => {\r\n    setSearchText(value);\r\n    setPage(0);\r\n  };\r\n\r\n  const filteredRows = rows.filter(\r\n    (row) =>\r\n      String(row.Txn).toLowerCase().includes(searchText.toLowerCase()) ||\r\n      String(row.lastseen).toLowerCase().includes(searchText.toLowerCase()) ||\r\n      String(row.gasprice).toLowerCase().includes(searchText.toLowerCase()) ||\r\n      String(row.nonce).toLowerCase().includes(searchText.toLowerCase())\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Navbar />\r\n\r\n      <div className=\"card-page-container\">\r\n        <header\r\n          style={{ borderBottom: \"2px solid #E9ECEF\", paddingBottom: \"1.5rem\" }}\r\n        >\r\n          <h1 className=\"heading-pending-txn\">Pending Transactions</h1>\r\n        </header>\r\n\r\n        <Paper className=\"paper-style\" style={{ marginTop: \"1.5rem\" }}>\r\n          <TableContainer>\r\n            <div className=\"pending-searchbar\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                color=\"default\"\r\n                size=\"small\"\r\n                style={{\r\n                  backgroundColor: \"#F8F9FA\",\r\n                  borderRadius: 8,\r\n                  textTransform: \"capitalize\",\r\n                }}\r\n              >\r\n                <Tooltip title=\"Click to see Pending Transactions Pool\" arrow>\r\n                  <span>Pending Transaction Pool</span>\r\n                </Tooltip>\r\n              </Button>\r\n\r\n              <RSearchBar\r\n                onChange={handleSearch}\r\n                placeholder=\"Filter by Address\"\r\n                style={{\r\n                  width: \"50%\",\r\n                  height: \"38px\",\r\n                  border: \"none\",\r\n                  outline: \"none\",\r\n                }}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"top-pagination\">\r\n              <div>\r\n                <span className=\"total-pending-txn\">\r\n                  A total of {filteredRows.length || rows.length} pending txns\r\n                  found static\r\n                </span>\r\n              </div>\r\n              <TablePagination\r\n                rowsPerPageOptions={[10, 25, 50, 100]}\r\n                component=\"div\"\r\n                count={filteredRows.length || rows.length}\r\n                rowsPerPage={rowsPerPage}\r\n                page={page}\r\n                onPageChange={handleChangePage}\r\n                onRowsPerPageChange={handleChangeRowsPerPage}\r\n              />\r\n            </div>\r\n\r\n            <Table>\r\n              <TableHead>\r\n                <TableRow>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Txn Hash</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Method</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Nonce</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Last Seen\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Gas Limit\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Gas Price\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>From</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>To</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Amount</TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {(filteredRows.length || rows.length) === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={9} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  (filteredRows.length ? filteredRows : rows)\r\n                    .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n                    .map((row) => (\r\n                      <TableRow key={row.id}>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ cursor: \"pointer\" }}\r\n                        >\r\n                          <Link\r\n                            to=\"#\"\r\n                            style={{ color: \"#0784C3\", textDecoration: \"none\" }}\r\n                          >\r\n                            {row.Txn}\r\n                          </Link>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            color=\"default\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              textTransform: \"capitalize\",\r\n                              minWidth: \"90px\",\r\n                            }}\r\n                          >\r\n                            <Tooltip title={row.method} arrow>\r\n                              <span>{row.method}</span>\r\n                            </Tooltip>\r\n                          </Button>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.nonce}\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          <Tooltip title={row.lastseen} arrow>\r\n                            <span>{row.lastseen}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.gaslimit}\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          <Tooltip title={row.gasprice} arrow>\r\n                            <span>{row.gasprice}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ color: \"#0784C3\" }}\r\n                        >\r\n                          <Tooltip title={row.from} arrow>\r\n                            <span>{row.from}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ color: \"#0784C3\" }}\r\n                        >\r\n                          <Tooltip title={row.to} arrow>\r\n                            <span> {row.to}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.amount}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n\r\n          <TablePagination\r\n            rowsPerPageOptions={[10, 25, 50, 100]}\r\n            component=\"div\"\r\n            count={filteredRows.length || rows.length}\r\n            rowsPerPage={rowsPerPage}\r\n            page={page}\r\n            onPageChange={handleChangePage}\r\n            onRowsPerPageChange={handleChangeRowsPerPage}\r\n          />\r\n        </Paper>\r\n      </div>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PendingTransaction;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF2SURBVHgBhVJRTsJAEJ3Z3Ro//MAb4AmEG9ATCCcQ/4xgKAklxtAAKTHGmgARiH/iCYwnoJ5AjtAj8Glod8ctRlKkjfO1++a9nZm3A5AR17ZTrbUdKysvshKKqMQA6V9h3XbeECF4enCb8R0B5mHIg20H7e5QkTqZem55R6iA9xnJ7pV9W2DAhxoqCUNCzXYCAllRSh4Tit4vH5PlL62bvBDGp0Z9IBrHmO61iohnCqQ58+6We63GwQ2jq6nBxBtUErBftzsLBN7T5/JWGLunELpE0EfCAoF6jROWZeW+4DD3PLoPiPCdITSSXBFy7htyDSE/8JmMzhEwHwtDcTQycOPqhW79lJBWERNb7s6M9VanB4iNKAyLXIge00IJcsyIL3Sl5sxz56nmxFFrdeY/ZnCTUZQjxBdt1Mf0cVBN8vaEm8q2k/z41cRzj/9yMjcnXgBAtgJS5bR8hpB8AqxqkX6BlmkMlgbqfzT1XKaesyjWwkzjfAOCl5hjKgfi/QAAAABJRU5ErkJggg==\"","import React from 'react';\r\nimport LinearProgress from '@mui/material/LinearProgress';\r\n// import Typography from '@mui/material/Typography';\r\n\r\nconst LinearProgressBarWithLabel = ({ value, label, width }) => {\r\n  return (\r\n    <div style={{ width: width || '100%' }}>\r\n      {/* <Typography variant=\"body2\" gutterBottom>\r\n        {label} - {Math.round(value)}%\r\n      </Typography> */}\r\n      <LinearProgress variant=\"determinate\" value={value} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default LinearProgressBarWithLabel;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport bulb from \"../../assets/images/Vector.png\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport RSearchBar from \"material-ui-search-bar\";\r\nimport { RiSearchLine } from 'react-icons/ri';\r\nimport LinearProgressBarWithLabel from \"../../components/LinearProgressBar\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { localTimeConvert, formatTimes } from \"../../common/Functions\";\r\nimport \"./index.scss\";\r\nimport {\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n} from \"@material-ui/core\";\r\nimport Loader from \"../../components/Loader\";\r\n\r\nconst NewBlockPage = () => {\r\n  const [cardValue, setCardValue] = useState({});\r\n  const [tableData, setTableData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(100);\r\n  const [progress, setProgress] = useState(0);\r\n  const [query, setQuery] = useState('');\r\n\r\n  const history = useHistory();\r\n\r\n  const roundedNumber =\r\n    cardValue && cardValue.blockReward24Hours\r\n      ? cardValue.blockReward24Hours.toFixed(2)\r\n      : 0;\r\n\r\n  const cardData = [\r\n    {\r\n      title: \"Network Utilization (24H)\",\r\n      value: `${cardValue.networkUtilization24Hours}%`,\r\n    },\r\n    {\r\n      title: \"BLOCK SIZE (24H)\",\r\n      value: `${cardValue.blockSize24Hours} Bytes`,\r\n    },\r\n    {\r\n      title: \"BLOCK REWARDS (24H)\",\r\n      value: `${roundedNumber} HEWE`,\r\n    },\r\n    // { title: \"Burnt Fees 🔥\", value: \"N/A\" },\r\n  ];\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  //get card key\r\n  const getBlockCardKey = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/supported_queries`\r\n      );\r\n\r\n      getBlockCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card key data:\", error);\r\n    }\r\n  };\r\n\r\n  //get card value\r\n  const getBlockCardValue = async (val) => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/detail?query=${val[8]},${val[6]},${val[7]}`\r\n      );\r\n\r\n      setCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card value data:\", error);\r\n    }\r\n  };\r\n\r\n  // Function to fetch updated block data\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const response = await axios.get(\r\n          `${constantObject.BaseUrl}/api/block?limit=${rowsPerPage}&page=${\r\n            page + 1\r\n          }`\r\n        );\r\n\r\n        const { data, totalCount } = response.data;\r\n\r\n        setTableData(data);\r\n        setTotalCount(totalCount);\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    // Fetch data immediately on mount\r\n    fetchData();\r\n\r\n    // Set up interval for fetching updated data\r\n    const intervalId = setInterval(fetchData, 5000);\r\n\r\n    return () => {\r\n      clearInterval(intervalId);\r\n    };\r\n  }, [page, rowsPerPage]);\r\n\r\n  useEffect(() => {\r\n    getBlockCardKey();\r\n\r\n    const timer = setInterval(() => {\r\n      setProgress((prevProgress) =>\r\n        prevProgress >= 100 ? 0 : prevProgress + 10\r\n      );\r\n    }, 1000);\r\n\r\n    return () => {\r\n      clearInterval(timer);\r\n    };\r\n  }, []);\r\n\r\n  const handleSearch = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/search?id=${query}&limit=${rowsPerPage}&page=${page + 1}`\r\n      );\r\n\r\n      if (response?.status === 200) {\r\n        if (response?.data?.type === \"BLOCK\") {\r\n          history.push(`/block_details/${response?.data?.data?.blockNumber}`);\r\n        } else if (response?.data?.type === \"TXN_HASH\") {\r\n          history.push(`/transactions_detail/${response?.data?.data?.hash}`);\r\n        } else if (response?.data?.type === \"ACC_ADDRESS\") {\r\n          history.push(`/address/${response?.data?.data?.address}`);\r\n        }\r\n      }\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  };\r\n\r\n  // press on enter button call this function\r\n  const handleKeyDown = (event) => {\r\n    if (event.key === 'Enter') {\r\n      handleSearch();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Navbar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"txn-block-search\">\r\n          <h1 className=\"heading-blocks heading-txn-block\">Blocks</h1>\r\n\r\n          {/* <RSearchBar\r\n            onChange={handleSearch}\r\n            onCancelSearch={() => handleSearch(\"\")}\r\n            placeholder=\"Search by Txn Hash / Block / Address\"\r\n            className=\"homepage-searchbar\"\r\n            style={{\r\n              width: \"50%\",\r\n              height: \"38px\",\r\n            }}\r\n          /> */}\r\n\r\n          <div className=\"custom-search-cant\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder=\"Search by Txn Hash / Block / Address\"\r\n              value={query}\r\n              onChange={(event) => setQuery(event.target.value)}\r\n              onKeyDown={handleKeyDown}\r\n              className=\"custom-search-input\"\r\n            />\r\n            <button type=\"submit\" className=\"custom-search-button\" onClick={handleSearch}>\r\n              <RiSearchLine />\r\n            </button>\r\n          </div>\r\n        </header>\r\n\r\n        <div className=\"card-container\">\r\n          {cardData.map((card, index) => (\r\n            <div className=\"top-card\" key={index}>\r\n              <div className=\"card-head\">{card.title}</div>\r\n              <div className=\"show-card-data\">{card.value}</div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n\r\n        <Paper className=\"paper-style\">\r\n          <div className=\"top-pagination\">\r\n            <div className=\"total-blocks-count\">\r\n              <span className=\"total-pending-txn\">\r\n                Total of {totalCount} blocks\r\n              </span>\r\n              <span className=\"block-record-show\">\r\n                {`Showing blocks between ${\r\n                  page * rowsPerPage + 1\r\n                } to ${Math.min((page + 1) * rowsPerPage, totalCount)}`}\r\n              </span>\r\n            </div>\r\n\r\n            <TablePagination\r\n              rowsPerPageOptions={[10, 25, 50, 100]}\r\n              component=\"div\"\r\n              count={totalCount}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n              className=\"block-pagination\"\r\n            />\r\n          </div>\r\n\r\n          <TableContainer>\r\n            <Table>\r\n              <TableHead>\r\n                <TableRow>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Block</TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Age\r\n                  </TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Txn\r\n                  </TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Gas Used\r\n                  </TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Gas Limit\r\n                  </TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Reward\r\n                  </TableCell>\r\n                  <TableCell\r\n                    style={{ fontWeight: \"bold\", textAlign: \"center\" }}\r\n                  >\r\n                    Burnt Fees (HEWE)\r\n                  </TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {tableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={7} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  tableData.map(\r\n                    (row) => (\r\n                      <TableRow key={row._id} hover>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ cursor: \"pointer\" }}\r\n                        >\r\n                          <span\r\n                            style={{ color: \"#0784C3\", cursor: \"pointer\" }}\r\n                            onClick={() => {\r\n                              history.push(`/block_details/${row.blockNumber}`);\r\n                            }}\r\n                          >\r\n                            {row.blockNumber}\r\n                          </span>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ textAlign: \"center\" }}\r\n                        >\r\n                          <Tooltip\r\n                            title={localTimeConvert(row.timestamp)}\r\n                            arrow\r\n                          >\r\n                            <span>{formatTimes(row.timestamp)}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ cursor: \"pointer\", textAlign: \"center\" }}\r\n                        >\r\n                          <Link\r\n                            to=\"#\"\r\n                            style={{ color: \"#0784C3\", textDecoration: \"none\" }}\r\n                          >\r\n                            {row.transactionCount}\r\n                          </Link>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ textAlign: \"center\" }}\r\n                        >\r\n                          <div\r\n                            style={{ display: \"flex\", alignItems: \"center\" }}\r\n                          >\r\n                            <span>{row.gasUsed}</span>\r\n                            <span className=\"progress-bar-percentage\">\r\n                              ({Math.round(progress)}%)\r\n                            </span>\r\n                          </div>\r\n                          <LinearProgressBarWithLabel\r\n                            value={progress}\r\n                            width=\"50%\"\r\n                          />\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ textAlign: \"center\" }}\r\n                        >\r\n                          {row.gasLimit}\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ textAlign: \"center\" }}\r\n                        >\r\n                          {row.reward + \" AMC\"}\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ textAlign: \"center\" }}\r\n                        >\r\n                          N/A\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    )\r\n                  )\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n          <TablePagination\r\n            rowsPerPageOptions={[10, 25, 50, 100]}\r\n            component=\"div\"\r\n            count={totalCount}\r\n            rowsPerPage={rowsPerPage}\r\n            page={page}\r\n            onPageChange={handleChangePage}\r\n            onRowsPerPageChange={handleChangeRowsPerPage}\r\n          />\r\n        </Paper>\r\n\r\n        <div className=\"bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={bulb} alt=\"logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NewBlockPage;\r\n","import React, { useState, useEffect } from \"react\";\r\n// import { FaEye } from \"react-icons/fa\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport RSearchBar from \"material-ui-search-bar\";\r\nimport bulb from \"../../assets/images/Vector.png\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { IoHelpCircleOutline } from \"react-icons/io5\";\r\nimport { localTimeConvert, formatTimes } from \"../../common/Functions\";\r\nimport { RiSearchLine } from 'react-icons/ri';\r\nimport \"./index.scss\";\r\nimport {\r\n  Button,\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n} from \"@material-ui/core\";\r\nimport Loader from \"../../components/Loader\";\r\n// import AdSense from 'react-adsense';\r\n\r\nconst NewTransactions = () => {\r\n  const [cardValue, setCardValue] = useState({});\r\n  const [tableData, setTableData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(100);\r\n  const [query, setQuery] = useState('');\r\n\r\n  const history = useHistory();\r\n\r\n  const cardData = [\r\n    {\r\n      title: \"Transactions (24H)\",\r\n      // value: `${cardValue.txnCount24Hours} <span class='card-substyle'>(5.02%)</span>`,\r\n      value: `${cardValue.txnCount24Hours}`,\r\n    },\r\n    {\r\n      title: \"Pending Transactions (Last 1H)\",\r\n      value: `0`,\r\n    },\r\n    {\r\n      title: \"Network Transactions Fee (24H)\",\r\n      value: `${cardValue.txnFees24Hours}`,\r\n    },\r\n    {\r\n      title: \"Avg. Transaction Fee (24h)\",\r\n      value: `${cardValue.avgTxnFee24Hours}`,\r\n    },\r\n  ];\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  //get card key\r\n  const getTransactionCardKey = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/supported_queries`\r\n      );\r\n\r\n      getTransactionCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card key data:\", error);\r\n    }\r\n  };\r\n\r\n  //get card value\r\n  const getTransactionCardValue = async (val) => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/stats/detail?query=${val[9]},${val[8]},${val[11]},${val[10]},${val[3]}`\r\n      );\r\n\r\n      setCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card value data:\", error);\r\n    }\r\n  };\r\n\r\n  // Function to fetch updated transaction data\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const response = await axios.get(\r\n          `${\r\n            constantObject.BaseUrl\r\n          }/api/transaction?limit=${rowsPerPage}&page=${page + 1}`\r\n        );\r\n\r\n        const { data, totalCount } = response.data;\r\n\r\n        setTableData(data);\r\n        setTotalCount(totalCount);\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    // Fetch data immediately on mount\r\n    fetchData();\r\n\r\n    // Set up interval for fetching updated data\r\n    const intervalId = setInterval(fetchData, 5000);\r\n\r\n    return () => {\r\n      clearInterval(intervalId);\r\n    };\r\n  }, [page, rowsPerPage]);\r\n\r\n  useEffect(() => {\r\n    getTransactionCardKey();\r\n  }, []);\r\n\r\n  const handleSearch = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/search?id=${query}&limit=${rowsPerPage}&page=${page + 1}`\r\n      );\r\n\r\n      if (response?.status === 200) {\r\n        if (response?.data?.type === \"BLOCK\") {\r\n          history.push(`/block_details/${response?.data?.data?.blockNumber}`);\r\n        } else if (response?.data?.type === \"TXN_HASH\") {\r\n          history.push(`/transactions_detail/${response?.data?.data?.hash}`);\r\n        } else if (response?.data?.type === \"ACC_ADDRESS\") {\r\n          history.push(`/address/${response?.data?.data?.address}`);\r\n        }\r\n      }\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  };\r\n\r\n  // press on enter button call this function\r\n  const handleKeyDown = (event) => {\r\n    if (event.key === 'Enter') {\r\n      handleSearch();\r\n    }\r\n  };\r\n\r\n  const address = \"0x0000000000000000000000000000000000000000\";\r\n\r\n  function formatValue(value) {\r\n    return Number(value).toLocaleString('en', { maximumFractionDigits: 18 });\r\n  }  \r\n\r\n  return (\r\n    <>\r\n      <Navbar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"txn-block-search\">\r\n          <h1 className=\"heading-pending-txn heading-txn-block\">\r\n            Transactions\r\n          </h1>\r\n\r\n          {/* <RSearchBar\r\n            onChange={handleSearch}\r\n            onCancelSearch={() => handleSearch(\"\")}\r\n            placeholder=\"Search by Txn Hash / Block / Address\"\r\n            className=\"homepage-searchbar\"\r\n            style={{\r\n              width: \"50%\",\r\n              height: \"38px\",\r\n            }}\r\n          /> */}\r\n          <div className=\"custom-search-cant\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder=\"Search by Txn Hash / Block / Address\"\r\n              value={query}\r\n              onChange={(event) => setQuery(event.target.value)}\r\n              onKeyDown={handleKeyDown}\r\n              className=\"custom-search-input\"\r\n            />\r\n            <button type=\"submit\" className=\"custom-search-button\" onClick={handleSearch}>\r\n              <RiSearchLine />\r\n            </button>\r\n          </div>\r\n        </header>\r\n\r\n        {/* <div>\r\n          <AdSense.Google\r\n            client='ca-pub-6359692712317530'\r\n            slot='9976828642'\r\n          />\r\n        </div> */}\r\n\r\n        <div className=\"card-container\">\r\n          {cardData.map((card, index) => (\r\n            <div className=\"top-card\" key={index}>\r\n              <div className=\"card-head\">{card.title}</div>\r\n              <div\r\n                className=\"show-card-data\"\r\n                dangerouslySetInnerHTML={{ __html: card.value }}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      \r\n        <Paper className=\"paper-style\">\r\n          <div className=\"top-pagination\">\r\n            <div className=\"total-blocks-count\">\r\n              <span className=\"total-pending-txn\">\r\n                A total of {totalCount} transactions found\r\n              </span>\r\n              <span className=\"block-record-show\">\r\n                {`Showing transactions between ${\r\n                  page * rowsPerPage + 1\r\n                } to ${Math.min((page + 1) * rowsPerPage, totalCount)}`}\r\n              </span>\r\n            </div>\r\n            <TablePagination\r\n              rowsPerPageOptions={[10, 25, 50, 100]}\r\n              component=\"div\"\r\n              count={totalCount}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n            />\r\n          </div>\r\n\r\n          <TableContainer>\r\n            <Table>\r\n              <TableHead>\r\n                <TableRow>\r\n                  {/* <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    <Tooltip\r\n                      title=\"See previous of the transactions details\"\r\n                      arrow\r\n                    >\r\n                      <span>\r\n                        <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                      </span>\r\n                    </Tooltip>\r\n                  </TableCell> */}\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Txn Hash</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Status</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Method <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Block</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Age\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>From</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>To</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Value</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Txn Fee\r\n                  </TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {tableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={8} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  tableData.map(\r\n                    (row) => (\r\n                      <TableRow key={row._id} hover>\r\n                        {/* <TableCell className=\"cell-style\">\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              minWidth: \"28px\",\r\n                            }}\r\n                          >\r\n                            <FaEye />\r\n                          </Button>\r\n                        </TableCell> */}\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ cursor: \"pointer\" }}\r\n                        >\r\n                          <Tooltip title={row.hash} arrow>\r\n                            <span\r\n                              style={{ color: \"#0784C3\" }}\r\n                              onClick={() => {\r\n                                history.push(\r\n                                  `/transactions_detail/${row.hash}`\r\n                                );\r\n                              }}\r\n                            >\r\n                              {row.hash.length > 24\r\n                                ? `${row.hash.substring(0, 24)}...`\r\n                                : row.hash}\r\n                            </span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.status === 1 ? \"Success\" : \"Failed\"}\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          <Tooltip\r\n                            title={\r\n                              row.tokenData && row.tokenData.method\r\n                                ? row.tokenData.method\r\n                                : \"Transfer\"\r\n                            }\r\n                            arrow\r\n                          >\r\n                            <Button\r\n                              variant=\"outlined\"\r\n                              color=\"default\"\r\n                              size=\"small\"\r\n                              style={{\r\n                                fontSize: \"11px\",\r\n                                fontWeight: \"400\",\r\n                                backgroundColor: \"#F8F9FA\",\r\n                                borderRadius: 8,\r\n                                textTransform: \"capitalize\",\r\n                                minWidth: \"90px\",\r\n                              }}\r\n                            >\r\n                              {row.tokenData && row.tokenData.method\r\n                                ? row.tokenData.method\r\n                                : \"Transfer\"}\r\n                            </Button>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ cursor: \"pointer\" }}\r\n                        >\r\n                          <span\r\n                            style={{ color: \"#0784C3\", cursor: \"pointer\" }}\r\n                            onClick={() => {\r\n                              history.push(`/block_details/${row.blockNumber}`);\r\n                            }}\r\n                          >\r\n                            {row.blockNumber}\r\n                          </span>\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          <Tooltip\r\n                            title={localTimeConvert(row.blockTimestamp)}\r\n                            arrow\r\n                          >\r\n                            <span>{formatTimes(row.blockTimestamp)}</span>\r\n                          </Tooltip>\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ color: \"#0784C3\" }}\r\n                        >\r\n                          {row.tokenData && row.tokenData.from ? (\r\n                            <Tooltip title={row.tokenData?.from} arrow>\r\n                              <Link\r\n                                to={`/address/${row.tokenData?.from}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {row.tokenData?.from.length > 25\r\n                                  ? `${row.tokenData?.from.substring(0, 25)}...`\r\n                                  : row.tokenData?.from}\r\n                              </Link>\r\n                            </Tooltip>\r\n                          ) : (\r\n                            <Tooltip title={row.from} arrow>\r\n                              <Link\r\n                                to={`/address/${row.from}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {row.from.length > 25\r\n                                  ? `${row.from.substring(0, 25)}...`\r\n                                  : row.from}\r\n                              </Link>\r\n                            </Tooltip>\r\n                          )}\r\n                        </TableCell>\r\n                        <TableCell\r\n                          className=\"cell-style\"\r\n                          style={{ color: \"#0784C3\" }}\r\n                        >\r\n                          {row.tokenData && row.tokenData.method == \"burn\" ? \r\n                           <>\r\n                            <Tooltip title={address} arrow>\r\n                              <Link\r\n                                to={`/address/${address}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {address.length > 25\r\n                                  ? `${address.substring(0, 25)}...`\r\n                                  : address}\r\n                              </Link>\r\n                            </Tooltip>\r\n                           </> :\r\n                           <>\r\n                            {row.tokenData && row.tokenData.to ? (\r\n                              <Tooltip title={row.tokenData?.to} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.tokenData?.to}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.tokenData?.to.length > 25\r\n                                    ? `${row.tokenData?.to.substring(0, 25)}...`\r\n                                    : row.tokenData?.to}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            ) : (\r\n                              <Tooltip title={row.to} arrow>\r\n                                <Link\r\n                                  to={`/address/${row.to}`}\r\n                                  style={{\r\n                                    color: \"#0784C3\",\r\n                                    textDecoration: \"none\",\r\n                                  }}\r\n                                >\r\n                                  {row.to.length > 25\r\n                                    ? `${row.to.substring(0, 25)}...`\r\n                                    : row.to}\r\n                                </Link>\r\n                              </Tooltip>\r\n                            )}\r\n                           </>\r\n                          }\r\n                         \r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.tokenData && row.tokenData.value ? (\r\n                            <Tooltip\r\n                              title={`${formatValue(row.tokenData.value)} ${row.tokenData?.token}`}\r\n                              arrow\r\n                            >\r\n                              <span>\r\n                                {formatValue(row.tokenData.value)}&nbsp;{row.tokenData?.token}\r\n                              </span>\r\n                            </Tooltip>\r\n                          ) : (\r\n                            <Tooltip\r\n                              title={formatValue(row.value) + \" AMC\"}\r\n                              arrow\r\n                            >\r\n                              <span>\r\n                                {formatValue(row.value) + \" AMC\"}\r\n                              </span>\r\n                            </Tooltip>\r\n                          )}\r\n                        </TableCell>\r\n                        <TableCell className=\"cell-style\">\r\n                          {row.txnFee}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    )\r\n                  )\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n\r\n          <TablePagination\r\n            rowsPerPageOptions={[10, 25, 50, 100]}\r\n            component=\"div\"\r\n            count={totalCount}\r\n            rowsPerPage={rowsPerPage}\r\n            page={page}\r\n            onPageChange={handleChangePage}\r\n            onRowsPerPageChange={handleChangeRowsPerPage}\r\n          />\r\n        </Paper>\r\n\r\n        <div className=\"bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={bulb} alt=\"logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NewTransactions;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport NavBar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport { FaRegClock } from \"react-icons/fa\";\r\nimport { Paper, Button } from \"@material-ui/core\";\r\nimport { IoHelpCircleOutline } from \"react-icons/io5\";\r\nimport { Link, useParams } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport Bulb from \"../../assets/images/Vector.png\";\r\nimport { formatTimeStamp } from \"../../common/Functions\";\r\nimport \"./index.scss\";\r\nimport \"remixicon/fonts/remixicon.css\";\r\nimport Loader from \"../../components/Loader\";\r\n\r\nconst BlockDetail = () => {\r\n  const [blockDetailData, setblockDetailData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [showMore, setShowMore] = useState(false);\r\n\r\n  const { blocknumber } = useParams();\r\n\r\n  useEffect(() => {\r\n    getBlockDetail();\r\n  }, []);\r\n\r\n  // get Transactions table data\r\n  const getBlockDetail = async () => {\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/block/${blocknumber}`\r\n      );\r\n\r\n      const transactions_detail = response.data;\r\n\r\n      setblockDetailData(transactions_detail);\r\n    } catch (error) {\r\n      console.log(\"Error fetching data:\", error);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <NavBar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"block-details-header\">\r\n          <h1 className=\"heading-blocks\">Blocks</h1>\r\n          <span className=\"block-detail-id\">#{blocknumber}</span>\r\n        </header>\r\n\r\n        <div className=\"button-container\">\r\n          {/* <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            style={{\r\n              color: \"#FFFFFF\",\r\n              backgroundColor: \"#0784C3\",\r\n              textTransform: \"capitalize\",\r\n              borderRadius: 8,\r\n              marginRight: \"10px\",\r\n              border: \"1px solid #e9ecef\",\r\n            }}\r\n          >\r\n            Overview\r\n          </Button>\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            style={{\r\n              color: \"#081D35\",\r\n              textTransform: \"capitalize\",\r\n              borderRadius: 8,\r\n              backgroundColor: \"#e9ecef\",\r\n              border: \"1px solid #e9ecef\",\r\n            }}\r\n          >\r\n            Comments\r\n          </Button> */}\r\n        </div>\r\n\r\n        <Paper className=\"paper-style\">\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Block Height:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">{blocknumber}</span>\r\n\r\n                  {/* <Tooltip title=\"View previous block\" arrow>\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      size=\"small\"\r\n                      style={{\r\n                        backgroundColor: \"#e9ecef\",\r\n                        borderRadius: 6,\r\n                        minWidth: \"20px\",\r\n                        border: \"1px solid #e9ecef\",\r\n                        marginRight: \"6px\",\r\n                      }}\r\n                    >\r\n                      <i\r\n                        className=\"ri-arrow-left-s-line\"\r\n                        style={{ fontWeight: \"600\" }}\r\n                      ></i>\r\n                    </Button>\r\n                  </Tooltip>\r\n                  <Tooltip title=\"View next block\" arrow>\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      size=\"small\"\r\n                      style={{\r\n                        backgroundColor: \"#e9ecef\",\r\n                        borderRadius: 6,\r\n                        minWidth: \"20px\",\r\n                        border: \"1px solid #e9ecef\",\r\n                      }}\r\n                    >\r\n                      <i\r\n                        className=\"ri-arrow-right-s-line\"\r\n                        style={{ fontWeight: \"600\" }}\r\n                      ></i>\r\n                    </Button>\r\n                  </Tooltip> */}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Timestamp:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <FaRegClock size={16} style={{ marginLeft: \"6px\" }} />\r\n                  <span className=\"block-real-data\">\r\n                    ({formatTimeStamp(blockDetailData.timestamp)})\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Transactions:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <div className=\"block-real-data\">\r\n                    <Tooltip title=\"Click to view Transactions\" arrow>\r\n                      <Link\r\n                        to={`/txn_for_block/${blockDetailData.blockNumber}`}\r\n                        className=\"block-transaction-data-count\"\r\n                      >\r\n                        {blockDetailData.transactionCount} transaction(s)\r\n                      </Link>\r\n                    </Tooltip>\r\n                    <span>in this block</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Block Reward:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {blockDetailData.reward + \" AMC\"}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Difficulty:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {blockDetailData.difficulty}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Total Difficulty:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {blockDetailData.totalDifficulty}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Size:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {blockDetailData.size} bytes\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Gas Used:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <div className=\"gas-used-block\">\r\n                    <span className=\"block-real-data\">\r\n                      {blockDetailData.gasUsed}\r\n                    </span>\r\n                    {/* <span className=\"gas-percent-block\">(12.35%)</span> */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Gas Limit:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {blockDetailData.gasLimit}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Burnt Fees:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {/* 🔥0.007803225696528699 HEWE */}\r\n                    N/A\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Extra Data:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <div className=\"extra-block-data\">\r\n                    <p>{blockDetailData.extraData}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Paper>\r\n\r\n        {/* <Paper className=\"paper-style\" style={{ marginTop: \"1rem\" }}>\r\n          <div className=\"show-more-block-data row\">\r\n            <span className=\"more-details-text col-md-4\">More Details:</span>\r\n            <span\r\n              className=\"show-more-details-data col-md-8\"\r\n              onClick={() => {\r\n                setShowMore(!showMore);\r\n              }}\r\n            >\r\n              {showMore ? \"- Click to hide\" : \"+ Click to show more\"}\r\n            </span>\r\n            {showMore && (\r\n              <div>\r\n                <p style={{ marginBottom: \"0px\", paddingLeft: \"15px\" }}>\r\n                  Additional details...\r\n                </p>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </Paper> */}\r\n\r\n        <div className=\"bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={Bulb} alt=\"Bulb logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BlockDetail;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport NavBar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\n// import Select from \"react-select\";\r\nimport Bulb from \"../../assets/images/Vector.png\";\r\nimport { Link, useHistory, useParams } from \"react-router-dom\";\r\nimport { formatTimeStamp } from \"../../common/Functions\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport { FaRegClock } from \"react-icons/fa\";\r\nimport { Paper, Button } from \"@material-ui/core\";\r\nimport { IoHelpCircleOutline } from \"react-icons/io5\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport \"./index.scss\";\r\nimport \"remixicon/fonts/remixicon.css\";\r\nimport Loader from \"../../components/Loader\";\r\n\r\nconst TransactionDetail = () => {\r\n  const [txnDetailData, setTxnDetailData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  // const [showMore, setShowMore] = useState(false);\r\n  // const [selectedOption, setSelectedOption] = useState(null);\r\n\r\n  const history = useHistory();\r\n  const { txnhash } = useParams();\r\n\r\n  // const options = [\r\n  //   { value: \"option1\", label: \"Coins Game\" },\r\n  //   { value: \"option2\", label: \"BC Game\" },\r\n  //   { value: \"option3\", label: \"Nano Game\" },\r\n  // ];\r\n\r\n  // const handleChange = (selected) => {\r\n  //   setSelectedOption(selected);\r\n  // };\r\n\r\n  useEffect(() => {\r\n    getTransactionsDetail();\r\n  }, []);\r\n\r\n  // get Transactions table data\r\n  const getTransactionsDetail = async () => {\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/transaction/${txnhash}`\r\n      );\r\n\r\n      const transactions_detail = response.data;\r\n\r\n      setTxnDetailData(transactions_detail);\r\n    } catch (error) {\r\n      console.log(\"Error fetching data:\", error);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  const address = \"0x0000000000000000000000000000000000000000\";\r\n\r\n  function formatValue(value) {\r\n    return Number(value).toLocaleString('en', { maximumFractionDigits: 18 });\r\n  } \r\n\r\n  return (\r\n    <>\r\n      <NavBar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"transactions-details-header\">\r\n          <div className=\"transactions-header-button\">\r\n            <h1 className=\"heading-blocks\">Transaction Details</h1>\r\n            {/* <Tooltip title=\"View previous transactions by sender\" arrow>\r\n              <Button\r\n                variant=\"outlined\"\r\n                size=\"small\"\r\n                style={{\r\n                  backgroundColor: \"#e9ecef\",\r\n                  borderRadius: 6,\r\n                  minWidth: \"20px\",\r\n                  border: \"1px solid #e9ecef\",\r\n                }}\r\n              >\r\n                <i\r\n                  className=\"ri-arrow-left-s-line\"\r\n                  style={{ fontWeight: \"600\" }}\r\n                ></i>\r\n              </Button>\r\n            </Tooltip>\r\n            <Tooltip title=\"View next transactions by sender\" arrow>\r\n              <Button\r\n                variant=\"outlined\"\r\n                size=\"small\"\r\n                style={{\r\n                  backgroundColor: \"#e9ecef\",\r\n                  borderRadius: 6,\r\n                  minWidth: \"20px\",\r\n                  border: \"1px solid #e9ecef\",\r\n                }}\r\n              >\r\n                <i\r\n                  className=\"ri-arrow-right-s-line\"\r\n                  style={{ fontWeight: \"600\" }}\r\n                ></i>\r\n              </Button>\r\n            </Tooltip> */}\r\n          </div>\r\n\r\n          {/* <div className=\"transactions-header-button\">\r\n            <Select\r\n              value={selectedOption}\r\n              onChange={handleChange}\r\n              options={options}\r\n              placeholder=\"Play\"\r\n              styles={{\r\n                control: (provided) => ({\r\n                  ...provided,\r\n                }),\r\n              }}\r\n            />\r\n            <Select\r\n              value={selectedOption}\r\n              onChange={handleChange}\r\n              options={options}\r\n              placeholder=\"Gaming\"\r\n            />\r\n          </div> */}\r\n        </header>\r\n\r\n        <div className=\"transactions-button-alignment\">\r\n          <div>\r\n            <Button\r\n              variant=\"outlined\"\r\n              size=\"small\"\r\n              style={{\r\n                color: \"#FFFFFF\",\r\n                backgroundColor: \"#0784C3\",\r\n                textTransform: \"capitalize\",\r\n                borderRadius: 8,\r\n                marginRight: \"10px\",\r\n              }}\r\n            >\r\n              Overview\r\n            </Button>\r\n            {/* <Button\r\n              variant=\"outlined\"\r\n              size=\"small\"\r\n              style={{\r\n                color: \"#081D35\",\r\n                backgroundColor: \"#e9ecef\",\r\n                textTransform: \"capitalize\",\r\n                borderRadius: 8,\r\n                border: \"1px solid #e9ecef\",\r\n                marginRight: \"10px\",\r\n              }}\r\n            >\r\n              Logs (2)\r\n            </Button>\r\n            <Button\r\n              variant=\"outlined\"\r\n              size=\"small\"\r\n              style={{\r\n                color: \"#081D35\",\r\n                backgroundColor: \"#e9ecef\",\r\n                textTransform: \"capitalize\",\r\n                borderRadius: 8,\r\n                border: \"1px solid #e9ecef\",\r\n              }}\r\n            >\r\n              Comments\r\n            </Button> */}\r\n          </div>\r\n          {/* <div>\r\n            <Select\r\n              value={selectedOption}\r\n              onChange={handleChange}\r\n              options={options}\r\n              placeholder=\"More\"\r\n            />\r\n          </div> */}\r\n        </div>\r\n\r\n        <Paper className=\"paper-style\">\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Transaction Hash:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">{txnDetailData.hash}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Status:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <Tooltip title=\"Status\" arrow>\r\n                    <Button\r\n                      variant=\"outlined\"\r\n                      size=\"small\"\r\n                      className=\"ml-2\"\r\n                      style={{ color: \"#00A186\", textTransform: \"capitalize\" }}\r\n                    >\r\n                      {txnDetailData.status === 1 ? \"Success\" : \"Failed\"}\r\n                    </Button>\r\n                  </Tooltip>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Block:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <div className=\"block-real-data\">\r\n                    <span\r\n                      style={{ color: \"#0784C3\", cursor: \"pointer\" }}\r\n                      onClick={() => {\r\n                        history.push(\r\n                          `/block_details/${txnDetailData.blockNumber}`\r\n                        );\r\n                      }}\r\n                    >\r\n                      {txnDetailData.blockNumber}\r\n                    </span>\r\n                    <Tooltip title=\"Number of block validated since\" arrow>\r\n                      <Button\r\n                        variant=\"outlined\"\r\n                        size=\"small\"\r\n                        className=\"ml-2\"\r\n                        style={{ textTransform: \"capitalize\" }}\r\n                      >\r\n                        {txnDetailData.nonce} Block Confirmations\r\n                      </Button>\r\n                    </Tooltip>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Timestamp:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <FaRegClock size={16} style={{ marginLeft: \"6px\" }} />\r\n                  <span className=\"block-real-data\">\r\n                    {formatTimeStamp(txnDetailData.timestamp)}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">\r\n                    Transaction Action:\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <div className=\"block-real-data\" style={{ margin: \"0px\" }}>\r\n                    <Tooltip title=\"Deposit\" arrow>\r\n                      <Button\r\n                        variant=\"outlined\"\r\n                        size=\"small\"\r\n                        className=\"ml-2\"\r\n                        style={{ textTransform: \"capitalize\" }}\r\n                      >\r\n                        Deposit\r\n                      </Button>\r\n                    </Tooltip>\r\n                    <span className=\"block-real-data\">\r\n                      Function by Validator: Ameritec\r\n                    </span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">From:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {txnDetailData.tokenData && txnDetailData.tokenData.from ? (\r\n                      <Link\r\n                        to={`/address/${txnDetailData.tokenData?.from}`}\r\n                        style={{\r\n                          color: \"#0784C3\",\r\n                          textDecoration: \"none\",\r\n                        }}\r\n                      >\r\n                        {txnDetailData.tokenData?.from}\r\n                      </Link>\r\n                    ) : (\r\n                      <Link\r\n                        to={`/address/${txnDetailData.from}`}\r\n                        style={{\r\n                          color: \"#0784C3\",\r\n                          textDecoration: \"none\",\r\n                        }}\r\n                      >\r\n                        {txnDetailData.from}\r\n                      </Link>\r\n                    )}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">To:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <span className=\"block-real-data\">\r\n                    {txnDetailData.tokenData && txnDetailData.tokenData.method == \"burn\" ? \r\n                      <>\r\n                        <Link\r\n                            to={`/address/${address}`}\r\n                            style={{\r\n                              color: \"#0784C3\",\r\n                              textDecoration: \"none\",\r\n                            }}\r\n                          >\r\n                            {address}\r\n                          </Link>\r\n                      </> :\r\n                      <>\r\n                        {txnDetailData.tokenData && txnDetailData.tokenData.to ? (\r\n                          <Link\r\n                            to={`/address/${txnDetailData.tokenData?.to}`}\r\n                            style={{\r\n                              color: \"#0784C3\",\r\n                              textDecoration: \"none\",\r\n                            }}\r\n                          >\r\n                            {txnDetailData.tokenData?.to}\r\n                          </Link>\r\n                        ) : (\r\n                          <Link\r\n                            to={`/address/${txnDetailData.to}`}\r\n                            style={{\r\n                              color: \"#0784C3\",\r\n                              textDecoration: \"none\",\r\n                            }}\r\n                          >\r\n                            {txnDetailData.to}\r\n                          </Link>\r\n                        )}\r\n                      </>\r\n                    }\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"block-container\">\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Value:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <Tooltip\r\n                    title=\"The amount of HEWE to be transfer to the recipient with the transactions\"\r\n                    arrow\r\n                  >\r\n                    <div className=\"gas-used-block\">\r\n                      {txnDetailData.tokenData &&\r\n                      txnDetailData.tokenData.value ? (\r\n                        <span\r\n                          className=\"block-real-data\"\r\n                          style={{ marginLeft: \"0px\" }}\r\n                        >\r\n                          🔥\r\n                          {formatValue(txnDetailData.tokenData?.value)}&nbsp;{txnDetailData.tokenData?.token}\r\n                        </span>\r\n                      ) : (\r\n                        <span\r\n                          className=\"block-real-data\"\r\n                          style={{ marginLeft: \"0px\" }}\r\n                        >\r\n                          🔥\r\n                          {formatValue(txnDetailData.value) + \" AMC\"}\r\n                        </span>\r\n                      )}\r\n                      {/* <span className=\"gas-percent-block\">($22.079)</span> */}\r\n                    </div>\r\n                  </Tooltip>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Transaction Fee:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <Tooltip title=\"Gas Price * Gas used by Transaction\" arrow>\r\n                    <div className=\"gas-used-block\">\r\n                      <span className=\"block-real-data\">\r\n                        {txnDetailData.txnFee}\r\n                      </span>\r\n                      {/* <span className=\"gas-percent-block\">($0.00)</span> */}\r\n                    </div>\r\n                  </Tooltip>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-3\">\r\n              <div className=\"col-md-4\">\r\n                <div className=\"block-style\">\r\n                  <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  <span className=\"block-height-style\">Gas Price:</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-md-8\">\r\n                <div className=\"block-style\">\r\n                  <Tooltip\r\n                    title=\"The price offer to the validator to purchase this amount of GAS (per gas)\"\r\n                    arrow\r\n                  >\r\n                    <div className=\"gas-used-block\">\r\n                      <span className=\"block-real-data\">\r\n                        {txnDetailData.gasPrice ? txnDetailData.gasPrice : \"N/A\"}\r\n                      </span>\r\n                      {/* <span className=\"gas-percent-block\">(0 HEWE)</span> */}\r\n                    </div>\r\n                  </Tooltip>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Paper>\r\n\r\n        {/* <Paper className=\"paper-style\" style={{ marginTop: \"1rem\" }}>\r\n          <div className=\"show-more-block-data row\">\r\n            <span className=\"more-details-text col-md-4\">More Details:</span>\r\n            <span\r\n              className=\"show-more-details-data col-md-8\"\r\n              onClick={() => {\r\n                setShowMore(!showMore);\r\n              }}\r\n            >\r\n              {showMore ? \"- Click to hide\" : \"+ Click to show more\"}\r\n            </span>\r\n            {showMore && (\r\n              <div>\r\n                <p style={{ marginBottom: \"0px\", paddingLeft: \"15px\" }}>\r\n                  Additional details...\r\n                </p>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </Paper> */}\r\n\r\n        {/* <Paper className=\"paper-style\" style={{ marginTop: \"1rem\" }}>\r\n          <div className=\"show-more-block-data row\">\r\n            <div className=\"block-style col-md-4\">\r\n              <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n              <span className=\"block-height-style\">Private Note:</span>\r\n            </div>\r\n            <span className=\"transaction-login-link col-md-8\">\r\n              To access the <b>Private Note</b> feature, you must be{\" \"}\r\n              <a href=\"#1\" style={{ color: \"#0784C3\", textDecoration: \"none\" }}>\r\n                Logged In\r\n              </a>\r\n            </span>\r\n          </div>\r\n        </Paper> */}\r\n\r\n        <div className=\"bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={Bulb} alt=\"logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TransactionDetail;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { FaEye } from \"react-icons/fa\";\r\nimport { IoHelpCircleOutline } from \"react-icons/io5\";\r\nimport { useHistory, useParams, Link } from \"react-router-dom\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport Footer from \"../../components/Footer\";\r\nimport Loader from \"../../components/Loader\";\r\nimport NavBar from \"../../components/Navbar\";\r\nimport bulb from \"../../assets/images/Vector.png\";\r\nimport axios from \"axios\";\r\nimport constantObject from \"../../config\";\r\nimport { localTimeConvert, formatTimes } from \"../../common/Functions\";\r\nimport {\r\n  Button,\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n} from \"@material-ui/core\";\r\n\r\nconst TransactionFoeBlock = () => {\r\n  const [tableData, setTableData] = useState([]);\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(100);\r\n\r\n  const history = useHistory();\r\n  const { blocknumber } = useParams();\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  useEffect(() => {\r\n    getTransactionsForBlock();\r\n  }, [page, rowsPerPage]);\r\n\r\n  // get Transactions table data\r\n  const getTransactionsForBlock = async () => {\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await axios.get(\r\n        `${\r\n          constantObject.BaseUrl\r\n        }/api/block/${blocknumber}/txns?limit=${rowsPerPage}&page=${page + 1}`\r\n      );\r\n\r\n      const transactions_data = response.data.data;\r\n      const totalCount = response.data.totalCount;\r\n\r\n      setTableData([...transactions_data]);\r\n      setTotalCount(totalCount);\r\n    } catch (error) {\r\n      console.log(\"Error fetching data:\", error);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <NavBar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"txn-for-block\">\r\n          <h1 className=\"heading-pending-txn\">Transactions</h1>\r\n          <span style={{ marginLeft: \"6px\" }}>\r\n            For Block{\" \"}\r\n            <Link\r\n              to={`/block_details/${blocknumber}`}\r\n              className=\"txn-block-redirect\"\r\n            >\r\n              {blocknumber}\r\n            </Link>\r\n          </span>\r\n        </header>\r\n\r\n        <Paper className=\"paper-style\" style={{ marginTop: \"1.5rem\" }}>\r\n          <div className=\"top-pagination\">\r\n            <div className=\"total-blocks-count\">\r\n              <span className=\"total-pending-txn\">\r\n                A total of {totalCount} transactions found\r\n              </span>\r\n              <span className=\"block-record-show\">\r\n                {`Showing transactions for block between ${\r\n                  page * rowsPerPage + 1\r\n                } to ${Math.min((page + 1) * rowsPerPage, totalCount)}`}\r\n              </span>\r\n            </div>\r\n            <TablePagination\r\n              rowsPerPageOptions={[10, 25, 50, 100]}\r\n              component=\"div\"\r\n              count={totalCount}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n            />\r\n          </div>\r\n\r\n          <TableContainer>\r\n            <Table>\r\n              <TableHead>\r\n                <TableRow>\r\n                  {/* <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    <Tooltip\r\n                      title=\"See previous of the transactions details\"\r\n                      arrow\r\n                    >\r\n                      <span>\r\n                        <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                      </span>\r\n                    </Tooltip>\r\n                  </TableCell> */}\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Txn Hash</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Status</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Method <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Block</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Age\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>From</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>To</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Value</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Txn Fee\r\n                  </TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {tableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={8} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  tableData.map((row) => (\r\n                    <TableRow key={row._id} hover>\r\n                      {/* <TableCell className=\"cell-style\">\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              minWidth: \"28px\",\r\n                            }}\r\n                          >\r\n                            <FaEye />\r\n                          </Button>\r\n                        </TableCell> */}\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <Tooltip title={row.hash} arrow>\r\n                          <span\r\n                            style={{ color: \"#0784C3\" }}\r\n                            onClick={() => {\r\n                              history.push(`/transactions_detail/${row.hash}`);\r\n                            }}\r\n                          >\r\n                            {row.hash.length > 25\r\n                              ? `${row.hash.substring(0, 25)}...`\r\n                              : row.hash}\r\n                          </span>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        {row.status === 1 ? \"Success\" : \"Failed\"}\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        <Tooltip\r\n                          title={row.status === 1 ? \"Withdraw\" : \"Transfer\"}\r\n                          arrow\r\n                        >\r\n                          <Button\r\n                            variant=\"outlined\"\r\n                            color=\"default\"\r\n                            size=\"small\"\r\n                            style={{\r\n                              fontSize: \"11px\",\r\n                              fontWeight: \"400\",\r\n                              backgroundColor: \"#F8F9FA\",\r\n                              borderRadius: 8,\r\n                              textTransform: \"capitalize\",\r\n                              minWidth: \"90px\",\r\n                            }}\r\n                          >\r\n                            {row.status === 1 ? \"Withdraw\" : \"Transfer\"}\r\n                          </Button>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <span\r\n                          style={{ color: \"#0784C3\", cursor: \"pointer\" }}\r\n                          onClick={() => {\r\n                            history.push(`/block_details/${row.blockNumber}`);\r\n                          }}\r\n                        >\r\n                          {row.blockNumber}\r\n                        </span>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        <Tooltip\r\n                          title={localTimeConvert(row.blockTimestamp)}\r\n                          arrow\r\n                        >\r\n                          <span>{formatTimes(row.blockTimestamp)}</span>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ color: \"#0784C3\" }}\r\n                      >\r\n                        {row.tokenData && row.tokenData.from ? (\r\n                            <Tooltip title={row.tokenData?.from} arrow>\r\n                              <Link\r\n                                to={`/address/${row.tokenData?.from}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {row.tokenData?.from.length > 25\r\n                                  ? `${row.tokenData?.from.substring(0, 25)}...`\r\n                                  : row.tokenData?.from}\r\n                              </Link>\r\n                            </Tooltip>\r\n                          ) : (\r\n                            <Tooltip title={row.from} arrow>\r\n                              <Link\r\n                                to={`/address/${row.from}`}\r\n                                style={{\r\n                                  color: \"#0784C3\",\r\n                                  textDecoration: \"none\",\r\n                                }}\r\n                              >\r\n                                {row.from.length > 25\r\n                                  ? `${row.from.substring(0, 25)}...`\r\n                                  : row.from}\r\n                              </Link>\r\n                            </Tooltip>\r\n                          )}\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ color: \"#0784C3\" }}\r\n                      >\r\n                        {row.tokenData && row.tokenData.to ? (\r\n                          <Tooltip title={row.tokenData?.to} arrow>\r\n                            <Link\r\n                              to={`/address/${row.tokenData?.to}`}\r\n                              style={{\r\n                                color: \"#0784C3\",\r\n                                textDecoration: \"none\",\r\n                              }}\r\n                            >\r\n                              {row.tokenData?.to.length > 25\r\n                                ? `${row.tokenData?.to.substring(0, 25)}...`\r\n                                : row.tokenData?.to}\r\n                            </Link>\r\n                          </Tooltip>\r\n                        ) : (\r\n                          <Tooltip title={row.to} arrow>\r\n                            <Link\r\n                              to={`/address/${row.to}`}\r\n                              style={{\r\n                                color: \"#0784C3\",\r\n                                textDecoration: \"none\",\r\n                              }}\r\n                            >\r\n                              {row.to.length > 25\r\n                                ? `${row.to.substring(0, 25)}...`\r\n                                : row.to}\r\n                            </Link>\r\n                          </Tooltip>\r\n                        )}\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        {row.tokenData && row.tokenData.value ? (\r\n                          <Tooltip\r\n                            title={`${row.tokenData?.value} ${row.tokenData?.token}`}\r\n                            arrow\r\n                          >\r\n                            <span>\r\n                              {row.tokenData?.value}&nbsp;{row.tokenData?.token}\r\n                            </span>\r\n                          </Tooltip>\r\n                        ) : (\r\n                          <Tooltip title={row.value + \" AMC\"} arrow>\r\n                            <span>{row.value + \" AMC\"}</span>\r\n                          </Tooltip>\r\n                        )}\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">{row.txnFee}</TableCell>\r\n                    </TableRow>\r\n                  ))\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n\r\n          <TablePagination\r\n            rowsPerPageOptions={[10, 25, 50, 100]}\r\n            component=\"div\"\r\n            count={totalCount}\r\n            rowsPerPage={rowsPerPage}\r\n            page={page}\r\n            onPageChange={handleChangePage}\r\n            onRowsPerPageChange={handleChangeRowsPerPage}\r\n          />\r\n        </Paper>\r\n\r\n        <div className=\"bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={bulb} alt=\"logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TransactionFoeBlock;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Navbar from \"../../components/Navbar\";\r\nimport Footer from \"../../components/Footer\";\r\nimport csvicon from \"../../assets/images/csv-icon.png\";\r\nimport bulb from \"../../assets/images/Vector.png\";\r\nimport axios from \"axios\";\r\nimport \"./index.scss\";\r\nimport constantObject from \"../../config\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport { Tooltip } from \"@mui/material\";\r\nimport { Link, useHistory, useParams } from \"react-router-dom\";\r\nimport { IoHelpCircleOutline } from \"react-icons/io5\";\r\nimport { localTimeConvert, formatTimes } from \"../../common/Functions\";\r\nimport {\r\n  Button,\r\n  Paper,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n  TablePagination,\r\n} from \"@material-ui/core\";\r\nimport Loader from \"../../components/Loader\";\r\n\r\nconst AddressForTxn = () => {\r\n  const [cardValue, setCardValue] = useState({});\r\n  const [tableData, setTableData] = useState([]);\r\n  const [heWeValue, setHeWeValue] = useState();\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [totalCount, setTotalCount] = useState(0);\r\n  const [page, setPage] = useState(0);\r\n  const [rowsPerPage, setRowsPerPage] = useState(100);\r\n  // State to store transactions for export\r\n  const [exportedData, setExportedData] = useState([]);\r\n\r\n  const history = useHistory();\r\n  const { ads } = useParams();\r\n\r\n  // const cardData1 = [\r\n  //   {\r\n  //     heading: \"Overview\",\r\n  //     title1: \"HEWE Balance\",\r\n  //     value1: `${cardValue?.balance} HEWE`,\r\n  //     title2: \"HEWE Value\",\r\n  //     value2: `${cardValue.txnCount24Hours}`,\r\n  //     title3: \"Token Holdings\",\r\n  //     value3: `${cardValue?.type}`,\r\n  //   },\r\n  //   {\r\n  //     heading: \"More Info\",\r\n  //     title1: \"Private Name Tags\",\r\n  //     value1: `Powered by AmChain`,\r\n  //     title2: \"Contract Creator\",\r\n  //     value2: `at txn GENESIS_0000...`,\r\n  //   },\r\n  //   {\r\n  //     heading: \"Multichain Info\",\r\n  //     title1: \"Token Holdings\",\r\n  //     value1: `11 addresses found via`,\r\n  //   },\r\n  // ];\r\n\r\n  const cardData = [\r\n    {\r\n      title: \"HEWE Balance\",\r\n      // value: `${cardValue.txnCount24Hours} <span class='card-substyle'>(5.02%)</span>`,\r\n      value: `${cardValue?.heweBalance} HEWE`,\r\n    },\r\n    {\r\n      title: \"AMC Balance\",\r\n      value: `${cardValue?.balance} AMC`,\r\n    },\r\n    {\r\n      title: \"HEWE Value\",\r\n      value: `${heWeValue?.price}`,\r\n    },\r\n    {\r\n      title: \"Token Holdings\",\r\n      value: `HEWE`,\r\n    },\r\n  ];\r\n\r\n  // Function to handle page change\r\n  const handleChangePage = (event, newPage) => {\r\n    setPage(newPage);\r\n  };\r\n\r\n  const handleChangeRowsPerPage = (event) => {\r\n    setRowsPerPage(+event.target.value);\r\n    setPage(0);\r\n  };\r\n\r\n  //get card value\r\n  const getTransactionCardValue = async () => {\r\n    try {\r\n      const response = await axios.get(\r\n        `${constantObject.BaseUrl}/api/address/${ads}`\r\n      );\r\n\r\n      setCardValue(response.data);\r\n    } catch (error) {\r\n      console.log(\"Error fetching card value data:\", error);\r\n    }\r\n  };\r\n\r\n  //Get HeWe value\r\n  const getHeWeValue = async () => {\r\n    try {\r\n      const response = await axios.get(`https://api.coinstore.com/api/v1/ticker/price;symbol=HEWEUSDT`);\r\n\r\n      setHeWeValue(response?.data?.data[0]);\r\n    } catch (error) {\r\n      console.log(\"Error fetching hewe value data:\", error);\r\n    }\r\n  };\r\n\r\n  // Function to fetch updated transaction data\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const response = await axios.get(\r\n          `${\r\n            constantObject.BaseUrl\r\n          }/api/address/${ads}/txns?limit=${rowsPerPage}&page=${page + 1}`\r\n        );\r\n\r\n        const { data, totalCount } = response.data;\r\n\r\n        setTableData(data);\r\n        setTotalCount(totalCount);\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    // Fetch data immediately on mount\r\n    fetchData();\r\n\r\n    // Set up interval for fetching updated data\r\n    const intervalId = setInterval(fetchData, 5000);\r\n\r\n    return () => {\r\n      clearInterval(intervalId);\r\n    };\r\n  }, [page, rowsPerPage]);\r\n\r\n  useEffect(() => {\r\n    getTransactionCardValue();\r\n    getHeWeValue();\r\n  }, []);\r\n\r\n  // Function to update exported data when table data changes\r\n  useEffect(() => {\r\n    const startIndex = page * rowsPerPage;\r\n    const endIndex = Math.min(startIndex + rowsPerPage, totalCount);\r\n    const dataForExport = tableData.slice(startIndex, endIndex);\r\n\r\n    setExportedData(dataForExport);\r\n  }, [tableData, page, rowsPerPage, totalCount]);\r\n\r\n  const address = \"0x0000000000000000000000000000000000000000\";\r\n\r\n  function formatValue(value) {\r\n    return Number(value).toLocaleString('en', { maximumFractionDigits: 18 });\r\n  }  \r\n\r\n  return (\r\n    <>\r\n      <Navbar />\r\n\r\n      {/* loader */}\r\n      {isLoading && <Loader />}\r\n\r\n      <div className=\"card-page-container\">\r\n        <header className=\"address-page-header\">\r\n          <h1 className=\"heading-pending-txn\">Contract</h1>\r\n          <span className=\"address-no\">{ads}</span>\r\n        </header>\r\n\r\n        {/* <div className=\"address-button-alignment card-top-button\">\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            style={{\r\n              color: \"#081D35\",\r\n              backgroundColor: \"#e9ecef\",\r\n              fontSize: \"11px\",\r\n              fontWeight: \"400\",\r\n              lineHeight: \"14px\",\r\n              padding: \"7px 12px\",\r\n              borderRadius: \"15px\",\r\n              border: \"1px solid #e9ecef\",\r\n              textTransform: \"capitalize\",\r\n            }}\r\n          >\r\n            AMC: Validator Set\r\n          </Button>\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            className=\"white-button-style\"\r\n          >\r\n            Source Code\r\n          </Button>\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            className=\"white-button-style\"\r\n          >\r\n            # AmChain\r\n          </Button>\r\n          <Button\r\n            variant=\"outlined\"\r\n            size=\"small\"\r\n            className=\"white-button-style\"\r\n          >\r\n            # System Contracts\r\n          </Button>\r\n        </div> */}\r\n\r\n        {/* <div className=\"card-container\">\r\n          {cardData1.map((card, index) => (\r\n            <div className=\"address-card-container\" key={index}>\r\n              <div className=\"address-card-title\">{card.heading}</div>\r\n              <div className=\"card-key\">{card.title1}</div>\r\n              <div\r\n                className=\"card-value\"\r\n                dangerouslySetInnerHTML={{ __html: card.value1 }}\r\n              />\r\n\r\n              <div className=\"card-key\">{card.title2}</div>\r\n              <div\r\n                className=\"card-value\"\r\n                dangerouslySetInnerHTML={{ __html: card.value2 }}\r\n              />\r\n\r\n              <div className=\"card-key\">{card.title3}</div>\r\n              <div\r\n                className=\"card-value\"\r\n                dangerouslySetInnerHTML={{ __html: card.value3 }}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div> */}\r\n\r\n        <div className=\"card-container\">\r\n          {cardData.map((card, index) => (\r\n            <div className=\"top-card\" key={index}>\r\n              <div className=\"card-head\">{card.title}</div>\r\n              <div\r\n                className=\"show-card-data\"\r\n                dangerouslySetInnerHTML={{ __html: card.value }}\r\n              />\r\n            </div>\r\n          ))}\r\n        </div>\r\n\r\n        {/* <div className=\"address-button-alignment card-bottom-button\">\r\n          <Button\r\n            size=\"small\"\r\n            style={{\r\n              fontSize: \"12px\",\r\n              fontWeight: \"400\",\r\n              lineHeight: \"19px\",\r\n              color: \"#FFFFFF\",\r\n              backgroundColor: \"#0784C3\",\r\n              textTransform: \"capitalize\",\r\n              borderRadius: 8,\r\n              padding: \"7px 12px\",\r\n            }}\r\n          >\r\n            Transactions\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Internal Transactions\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Token Transfers (AMC-20)\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            NFT Transfers\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Contract\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Events\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Analytics\r\n          </Button>\r\n          <Button variant=\"outlined\" size=\"small\" className=\"grey-button-style\">\r\n            Multichain Portfolio\r\n          </Button>\r\n        </div> */}\r\n\r\n        <Paper className=\"paper-style\">\r\n          <div className=\"top-pagination\">\r\n            <div className=\"total-pending-txn\">\r\n              Latest {rowsPerPage} from a total of{\" \"}\r\n              <span style={{ color: \"#0784C3\" }}>{totalCount}</span>{\" \"}\r\n              transactions\r\n            </div>\r\n            <TablePagination\r\n              rowsPerPageOptions={[10, 25, 50, 100]}\r\n              component=\"div\"\r\n              count={totalCount}\r\n              rowsPerPage={rowsPerPage}\r\n              page={page}\r\n              onPageChange={handleChangePage}\r\n              onRowsPerPageChange={handleChangeRowsPerPage}\r\n            />\r\n          </div>\r\n\r\n          <TableContainer>\r\n            <Table>\r\n              <TableHead>\r\n                <TableRow>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Txn Hash</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Status</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>\r\n                    Method <IoHelpCircleOutline size={22} color=\"#6C757D\" />\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Block</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Age\r\n                  </TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>From</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>To</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\" }}>Value</TableCell>\r\n                  <TableCell style={{ fontWeight: \"bold\", color: \"#0784C3\" }}>\r\n                    Txn Fee\r\n                  </TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {tableData.length === 0 ? (\r\n                  <TableRow>\r\n                    <TableCell colSpan={8} align=\"center\">\r\n                      No data found\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ) : (\r\n                  tableData.map((row) => (\r\n                    <TableRow key={row._id} hover>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <Tooltip title={row.hash} arrow>\r\n                          <span\r\n                            style={{ color: \"#0784C3\" }}\r\n                            onClick={() => {\r\n                              history.push(`/transactions_detail/${row.hash}`);\r\n                            }}\r\n                          >\r\n                            {row.hash.length > 25\r\n                              ? `${row.hash.substring(0, 25)}...`\r\n                              : row.hash}\r\n                          </span>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        {row.status === 1 ? \"Success\" : \"Failed\"}\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        {row.tokenData && row.tokenData?.method ?\r\n                          <>\r\n                            <Tooltip\r\n                              title={\r\n                                row.tokenData && row.tokenData?.method \r\n                                  ? row.tokenData?.method\r\n                                  : \"N/A\"\r\n                              }\r\n                              arrow\r\n                            >\r\n                              <Button\r\n                                variant=\"outlined\"\r\n                                color=\"default\"\r\n                                size=\"small\"\r\n                                style={{\r\n                                  fontSize: \"11px\",\r\n                                  fontWeight: \"400\",\r\n                                  backgroundColor: \"#F8F9FA\",\r\n                                  borderRadius: 8,\r\n                                  textTransform: \"capitalize\",\r\n                                  minWidth: \"90px\",\r\n                                }}\r\n                              >\r\n                                {row.tokenData && row.tokenData?.method \r\n                                  ? row.tokenData?.method\r\n                                  : \"N/A\"}\r\n                              </Button>\r\n                            </Tooltip>\r\n                          </> :\r\n                          <>\r\n                            <Tooltip\r\n                              title={\r\n                                row.tokenData && row.tokenData?.method === 1\r\n                                  ? row.tokenData?.method\r\n                                  : \"Transfer\"\r\n                              }\r\n                              arrow\r\n                            >\r\n                              <Button\r\n                                variant=\"outlined\"\r\n                                color=\"default\"\r\n                                size=\"small\"\r\n                                style={{\r\n                                  fontSize: \"11px\",\r\n                                  fontWeight: \"400\",\r\n                                  backgroundColor: \"#F8F9FA\",\r\n                                  borderRadius: 8,\r\n                                  textTransform: \"capitalize\",\r\n                                  minWidth: \"90px\",\r\n                                }}\r\n                              >\r\n                                {row.tokenData && row.tokenData?.method === 1\r\n                                  ? row.tokenData?.method\r\n                                  : \"Transfer\"}\r\n                              </Button>\r\n                            </Tooltip>\r\n                          </>\r\n                        }\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <span\r\n                          style={{ color: \"#0784C3\", cursor: \"pointer\" }}\r\n                          onClick={() => {\r\n                            history.push(`/block_details/${row.blockNumber}`);\r\n                          }}\r\n                        >\r\n                          {row.blockNumber}\r\n                        </span>\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        <Tooltip\r\n                          title={localTimeConvert(row.blockTimestamp)}\r\n                          arrow\r\n                        >\r\n                          <span>{formatTimes(row.blockTimestamp)}</span>\r\n                        </Tooltip>\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ color: \"#0784C3\" }}\r\n                      >\r\n                        {row.tokenData && row.tokenData.from ? (\r\n                          <Tooltip title={row.tokenData?.from} arrow>\r\n                            <span>\r\n                              {row.tokenData?.from.length > 25\r\n                                ? `${row.tokenData?.from.substring(0, 25)}...`\r\n                                : row.tokenData?.from}\r\n                            </span>\r\n                          </Tooltip>\r\n                        ) : (\r\n                          <Tooltip title={row.from} arrow>\r\n                            <span>\r\n                              {row.from.length > 25\r\n                                ? `${row.from.substring(0, 25)}...`\r\n                                : row.from}\r\n                            </span>\r\n                          </Tooltip>\r\n                        )}\r\n                      </TableCell>\r\n                      <TableCell\r\n                        className=\"cell-style\"\r\n                        style={{ color: \"#0784C3\" }}\r\n                      >\r\n                        {row.tokenData && row.tokenData.method == \"burn\" ? \r\n                          <>\r\n                            <Tooltip title={address} arrow>\r\n                              <span>\r\n                                {address.length > 25\r\n                                  ? `${address.substring(0, 25)}...`\r\n                                  : address}\r\n                              </span>\r\n                            </Tooltip>\r\n                          </> :\r\n                          <>\r\n                            {row.tokenData && row.tokenData.to ? (\r\n                              <Tooltip title={row.tokenData?.to} arrow>\r\n                                <span>\r\n                                  {row.tokenData?.to.length > 25\r\n                                    ? `${row.tokenData?.to.substring(0, 25)}...`\r\n                                    : row.tokenData?.to}\r\n                                </span>\r\n                              </Tooltip>\r\n                            ) : (\r\n                              <Tooltip title={row.to} arrow>\r\n                                <span>\r\n                                  {row.to.length > 25\r\n                                    ? `${row.to.substring(0, 25)}...`\r\n                                    : row.to}\r\n                                </span>\r\n                              </Tooltip>\r\n                            )}\r\n                          </>\r\n                        }\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">\r\n                        {row.tokenData && row.tokenData.value ? (\r\n                          <Tooltip\r\n                            title={`${formatValue(row.tokenData.value)} ${row.tokenData?.token}`}\r\n                            arrow\r\n                          >\r\n                            <span>\r\n                              {formatValue(row.tokenData.value)}&nbsp;{row.tokenData?.token}\r\n                            </span>\r\n                          </Tooltip>\r\n                        ) : (\r\n                          <Tooltip\r\n                            title={formatValue(row.value) + \" AMC\"}\r\n                            arrow\r\n                          >\r\n                            <span>\r\n                              {formatValue(row.value) + \" AMC\"}\r\n                            </span>\r\n                          </Tooltip>\r\n                        )}\r\n                      </TableCell>\r\n                      <TableCell className=\"cell-style\">{row.txnFee}</TableCell>\r\n                    </TableRow>\r\n                  ))\r\n                )}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n\r\n          {/* <div className=\"view-all-blocks-cant\">\r\n            <Link to=\"/new_transactions\" style={{ textDecoration: \"none\" }}>\r\n              <span className=\"view-all-blocks\">View All Transaction</span>\r\n              <i\r\n                className=\"pi pi-arrow-right\"\r\n                style={{ fontSize: \"10px\", color: \"#FFFFFF\" }}\r\n              ></i>\r\n            </Link>\r\n          </div> */}\r\n          <TablePagination\r\n            rowsPerPageOptions={[10, 25, 50, 100]}\r\n            component=\"div\"\r\n            count={totalCount}\r\n            rowsPerPage={rowsPerPage}\r\n            page={page}\r\n            onPageChange={handleChangePage}\r\n            onRowsPerPageChange={handleChangeRowsPerPage}\r\n          />\r\n        </Paper>\r\n\r\n        <div className=\"add-bottom-content\">\r\n          <p className=\"last-block-content\">\r\n            <img src={bulb} alt=\"logo\" height={12.5} width={12.5} />\r\n            Blocks are batches of transactions linked together via cryptographic\r\n            hashes. Any tampering of a block invalidates subsequent blocks as\r\n            their hashes would be changed.\r\n          </p>\r\n\r\n          <div className=\"csv-download\">\r\n            [ Download:{\" \"}\r\n            <CSVLink\r\n              data={exportedData}\r\n              filename={\"data.csv\"}\r\n              style={{\r\n                color: \"#0784C3\",\r\n                textDecoration: \"none\",\r\n                marginLeft: \"4px\",\r\n              }}\r\n            >\r\n              CSV Export\r\n              <img\r\n                src={csvicon}\r\n                style={{ height: \"12px\", width: \"12px\", margin: \"0px 4px\" }}\r\n                alt=\"CSV icon\"\r\n              />\r\n            </CSVLink>\r\n            ]\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AddressForTxn;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFsSURBVHgB7ZVPTsJAFMbfTDsxccUR5gayZyGcQJburCegC1qIAVuCC5IG7A3gCt7AuGCNJwBvQOJK0un4prakxk6pxj8bv6Sdl/b1N1/mvZcC/KVc99pz3eFtlVxSJanf97kQYq3iOD7i0+ngqSyfwg/oH/pLUNv2OVRUUe4HqOMMLcbEGtc5HFCvN5ynuVYpVEq5SUOrDKyAcQyWigmR2/y7wuZPd86AC8MwRvnmN80XPwMKAZez2XiR/94ogi6XD6tG41RNTRuvOrqv48rfXAkuJZzrgFqnGsfvpANqnWocVwLunXa7gyal5Gy3ex6FYbgtc6wD2nafM8Y8LNpdUn1CwMNzsik9bhftHARjLJZs4dm2dA4Zo01crDgmHRMqajK5ua+a+21jKqVRy+LEKfbcI6XQxH70HOcKvqiOuuFRbhIoY2YYReICH3BsiIPjWaKtGpR9n6pfRhRFPoYnhJAafF4rNDQKAn/1CvWOmDsKu34UAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport Homepage from \"./container/Homepage/HomePage\";\r\nimport Transactions from \"./container/Transactions\";\r\nimport TransactionsList from \"./container/TransactionsList\";\r\nimport TxnsForBlock from \"./container/TxnsForBlock\";\r\n// import Address from \"./container/Address\";\r\nimport About from \"./components/About\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport BlockDetailPage from \"./container/BlockDetailPage\";\r\nimport PendingTransaction from \"./container/PendingTransactions\";\r\nimport NewBlockPage from \"./container/BlockDetailPage/NewBlockPage\";\r\nimport NewTransactions from \"./container/Transactions/NewTransactions\";\r\nimport BlockDetail from \"./container/BlockDetailPage/BlockDetail\";\r\nimport TransactionDetail from \"./container/Transactions/TransactionaDetail\";\r\nimport TransactionForBlock from \"./container/TxnsForBlock/TransactionFoeBlock\";\r\nimport AddressForTxn from \"./container/Address/Address\";\r\n\r\nfunction App() {\r\n  return (\r\n    <div>\r\n      <Switch>\r\n        <Route exact path=\"/\" component={Homepage}></Route>\r\n        <Route path=\"/txs/:txid\" component={Transactions}></Route>\r\n        <Route path=\"/about\" component={About}></Route>\r\n        <Route path=\"/block/:blockid\" component={BlockDetailPage}></Route>\r\n        {/* <Route path=\"/address/:hash\" component={Address}></Route> */}\r\n        <Route path=\"/transaction/:txid\" component={TransactionsList}></Route>\r\n        <Route path=\"/txns/:blockid\" component={TxnsForBlock}></Route>\r\n        <Route path=\"/new_transactions\" component={NewTransactions}></Route> \r\n        <Route path=\"/transactions_detail/:txnhash\" component={TransactionDetail}></Route> \r\n        <Route path=\"/pending_transactions\" component={PendingTransaction}></Route> \r\n        <Route path=\"/new_block_page\" component={NewBlockPage}></Route>\r\n        <Route path=\"/block_details/:blocknumber\" component={BlockDetail}></Route>\r\n        <Route path=\"/txn_for_block/:blocknumber\" component={TransactionForBlock}></Route>\r\n        <Route path=\"/address/:ads\" component={AddressForTxn}></Route>\r\n      </Switch>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport \"./assets/scss/index.scss\";\r\n\r\nReactDOM.render(\r\n  <BrowserRouter>\r\n    <App />\r\n  </BrowserRouter>,\r\n  document.getElementById(\"root\")\r\n);\r\n"],"sourceRoot":""}