dappros/ethora

{"version":3,"file":"static/js/562.2a90cb9d.chunk.js","mappings":"iRAUMA,EAAkC,CACtCC,WAAY,aACZC,UAAW,aACXC,SAAU,YACVC,QAAS,WACTC,KAAM,OACNC,UAAW,aACXC,MAAO,QACPC,QAAS,WACTC,MAAO,QACPC,OAAQ,eACRC,WAAY,cACZC,aAAc,gBACdC,WAAY,aACZC,KAAM,OACNC,UAAW,aACXC,UAAW,YACXC,gBAAiB,mBACjBC,aAAc,eACdC,iBAAkB,oBAClBC,OAAQ,UAGK,SAASC,EAAaC,GACnC,OAAwCC,EAAAA,EAAAA,UAAsB,CAAC,GAAE,eAA1DC,EAAY,KAAEC,EAAe,KACpC,GAA8BF,EAAAA,EAAAA,WAAS,GAAM,eAAtCG,EAAO,KAAEC,EAAU,KACpBC,GAASC,EAAAA,EAAAA,MACTC,EAAU,yCAAG,6FACA,OAAjBH,GAAW,GAAM,mBAGQI,EAAAA,EAAAA,IAAkBH,EAAOI,aAAa,KAAD,WAApDC,EAAI,EAAJA,KACFC,EAASC,OAAOC,YACpBD,OAAOE,QAAQJ,GAAMK,KAAI,SAACC,GAIxB,MAHgB,cAAZA,EAAK,KACPA,EAAK,IAAKC,EAAAA,EAAAA,GAAO,IAAIC,KAAe,IAAVF,EAAK,IAAY,SAEtCA,CACT,KAEFd,EAAgBS,GAChBP,GAAW,GAAO,kDAElBe,QAAQC,IAAI,EAAD,IAAQ,0DAEtB,kBAlBe,mCAyBhB,OALAC,EAAAA,EAAAA,YAAU,WACE,OAANhB,QAAM,IAANA,GAAAA,EAAQI,aACVF,GAEJ,GAAG,CAACF,IACAF,GAAgB,SAAC,IAAe,KAElC,UAAC,IAAG,CAACmB,GAAI,CAAEC,UAAW,UAAW,WAC/B,UAAC,IAAU,CACTC,QAAQ,KACRF,GAAI,CAAEG,cAAe,OAAQC,SAAU,GAAIC,WAAY,QAAS,6BAE/CtB,EAAOI,gBAE1B,SAAC,IAAG,CACFmB,MAAO,CACLC,QAAS,OACTC,WAAY,aACZC,cAAe,SACfC,QAAS,IACT,SAEDpB,OAAOE,QAAQb,GAAcc,KAAI,SAACC,GACjC,OACE,UAAC,IAAG,YACF,2BACE,yBAAIvC,EAAQuC,EAAK,KAAOA,EAAK,GAAE,WAEjC,0BAAOA,EAAK,OAJJA,EAAK,GAOnB,QAIR,C","sources":["pages/Explorer/BlockDetails.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport { getExplorerBlocks } from \"../../http\";\nimport { IBlock } from \"../Profile/types\";\nimport { format } from \"date-fns\";\nimport { FullPageSpinner } from \"../../components/FullPageSpinner\";\nimport { Box, Typography } from \"@mui/material\";\n\ninterface IBlockDetailsProps {}\n\nconst keysMap: Record<string, string> = {\n  difficulty: \"Difficulty\",\n  extraData: \"Extra Data\",\n  gasLimit: \"Gas Limit\",\n  gasUsed: \"Gas Used\",\n  Hash: \"Hash\",\n  logsBloom: \"Logs Bloom\",\n  miner: \"Miner\",\n  mixHash: \"Mix Hash\",\n  Nonce: \"Nonce\",\n  number: \"Block Number\",\n  parentHash: \"Parent Hash\",\n  receiptsRoot: \"Receipts Root\",\n  sha3Uncles: \"Sha3Uncles\",\n  size: \"Size\",\n  stateRoot: \"State Root\",\n  timestamp: \"Timestamp\",\n  totalDifficulty: \"Total Difficulty\",\n  transactions: \"Transactions\",\n  transactionsRoot: \"Transactions Root\",\n  uncles: \"Uncles\",\n};\n\nexport default function BlockDetails(props) {\n  const [blockDetails, setBlockDetails] = useState<IBlock | {}>({});\n  const [loading, setLoading] = useState(false);\n  const params = useParams<{ blockNumber: string }>();\n  const getDetails = async () => {\n    setLoading(true);\n\n    try {\n      const { data } = await getExplorerBlocks(params.blockNumber);\n      const result = Object.fromEntries(\n        Object.entries(data).map((item) => {\n          if (item[0] === \"timestamp\") {\n            item[1] = format(new Date(item[1] * 1000), \"PPpp\");\n          }\n          return item;\n        })\n      );\n      setBlockDetails(result);\n      setLoading(false);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  useEffect(() => {\n    if (params?.blockNumber) {\n      getDetails();\n    }\n  }, [params]);\n  if (loading) return <FullPageSpinner />;\n  return (\n    <Box sx={{ overflowX: \"hidden\" }}>\n      <Typography\n        variant=\"h4\"\n        sx={{ paddingInline: \"20px\", fontSize: 25, paddingTop: \"20px\" }}\n      >\n        Block details: #{params.blockNumber}\n      </Typography>\n      <Box\n        style={{\n          display: \"flex\",\n          alignItems: \"flex-start\",\n          flexDirection: \"column\",\n          padding: 20,\n        }}\n      >\n        {Object.entries(blockDetails).map((item: [string, string]) => {\n          return (\n            <Box key={item[0]}>\n              <span>\n                <b>{keysMap[item[0]] || item[0]}: </b>\n              </span>\n              <span>{item[1]}</span>\n            </Box>\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["keysMap","difficulty","extraData","gasLimit","gasUsed","Hash","logsBloom","miner","mixHash","Nonce","number","parentHash","receiptsRoot","sha3Uncles","size","stateRoot","timestamp","totalDifficulty","transactions","transactionsRoot","uncles","BlockDetails","props","useState","blockDetails","setBlockDetails","loading","setLoading","params","useParams","getDetails","getExplorerBlocks","blockNumber","data","result","Object","fromEntries","entries","map","item","format","Date","console","log","useEffect","sx","overflowX","variant","paddingInline","fontSize","paddingTop","style","display","alignItems","flexDirection","padding"],"sourceRoot":""}