client-web/build-prod/static/js/562.2a90cb9d.chunk.js.map
{"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":""}