Transaction: GYoysFd...x8fZ

{ "data": { "lord1.near": { "widget": { "tab-contract-area": { "": "State.init({\r\n data: [],\r\n columnNamesFinall: [\"Trans Volume\", \"Fees\", \"Users\", \"Trans Number\"],\r\n columnImg: {\r\n AMOUNT_NEAR:\r\n \"https://raw.githubusercontent.com/lordking1234/blockchain-icon/main/chart-line-solid.svg\",\r\n transactions:\r\n \"https://raw.githubusercontent.com/lordking1234/blockchain-icon/main/heart-solid.svg\",\r\n fee: \"https://raw.githubusercontent.com/lordking1234/blockchain-icon/main/globe-solid.svg\",\r\n active_users:\r\n \"https://raw.githubusercontent.com/lordking1234/blockchain-icon/main/file-contract-solid.svg\",\r\n },\r\n descriptions: {\r\n AMOUNT_NEAR: \"Total developers' transaction volume\",\r\n fee: \"Total developer' transaction fees (in NEAR)\",\r\n active_users: \"Number of developer\",\r\n transactions: \"Number of developer' transactions\",\r\n },\r\n});\r\nconst data = fetch(\r\n \"https://api.flipsidecrypto.com/api/v2/queries/6730aeec-f8ee-482c-b7fb-c6c3ab0b927e/data/latest\"\r\n);\r\nState.update({ data: data.body });\r\nconst formatNumber = (num) => {\r\n if (num >= 1000000000) {\r\n return (num / 1000000000).toFixed(2).replace(/\\.0$/, \"\") + \"b\";\r\n }\r\n if (num >= 1000000) {\r\n return (num / 1000000).toFixed(2).replace(/\\.0$/, \"\") + \"m\";\r\n }\r\n if (num >= 1000) {\r\n return (num / 1000).toFixed(2).replace(/\\.0$/, \"\") + \"k\";\r\n }\r\n return num;\r\n};\r\nconsole.log(state.data);\r\nconst ParentDiv = styled.div`\r\ncolor:${props.textColor};\r\nwidth:30%;\r\npadding:1rem;\r\nmargin-right:1rem;\r\nmin-height:150px;\r\nmax-height:300px;\r\nbackground:${props.backgroundColor};\r\nborder-radius:25px;\r\ntransition:1s all;\r\nbox-shadow: \"0px 0px 10px -1px #806ce1\";\r\n&:hover{\r\n transform:scale(1.1)\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n \r\n width:40%\r\n \r\n}\r\n@media only screen and (max-width: 770px) {\r\nx{\r\n color: rgb(245, 245, 245);\r\n}\r\n width:50%\r\n \r\n}\r\n>p{font-size:15px}\r\n`;\r\n\r\nreturn (\r\n <div style={{ display: \"flex\" }}>\r\n <ParentDiv onClick={res}>\r\n <div style={{ display: \"flex\", flexWrap: \"nowrap\" }}>\r\n <img\r\n style={{ marginRight: \"10px\" }}\r\n width={20}\r\n src={state.columnImg.AMOUNT_NEAR}\r\n />\r\n <h4 style={{ color: props.headerColor }}>\r\n {state.columnNamesFinall[0]}\r\n </h4>\r\n </div>\r\n\r\n <h4 style={{ color: props.numberColor }}>\r\n {formatNumber(state.data[0].AMOUNT_NEAR)}\r\n </h4>\r\n <p style={{ color: props.textColor }}>{state.descriptions.AMOUNT_NEAR}</p>\r\n </ParentDiv>{\" \"}\r\n <ParentDiv>\r\n <div style={{ display: \"flex\", flexWrap: \"nowrap\" }}>\r\n <img\r\n style={{ marginRight: \"10px\" }}\r\n width={20}\r\n src={state.columnImg.fee}\r\n />\r\n <h4 style={{ color: props.headerColor }}>\r\n {state.columnNamesFinall[1]}\r\n </h4>\r\n </div>\r\n\r\n <h4 style={{ color: props.numberColor }}>\r\n {formatNumber(state.data[0].fee)}\r\n </h4>\r\n <p style={{ color: props.textColor }}>{state.descriptions.fee}</p>\r\n </ParentDiv>{\" \"}\r\n <ParentDiv>\r\n <div style={{ display: \"flex\", flexWrap: \"nowrap\" }}>\r\n <img\r\n style={{ marginRight: \"10px\" }}\r\n width={20}\r\n src={state.columnImg.active_users}\r\n />\r\n <h4 style={{ color: props.headerColor }}>\r\n {state.columnNamesFinall[2]}\r\n </h4>\r\n </div>\r\n\r\n <h4 style={{ color: props.numberColor }}>\r\n {formatNumber(state.data[0].active_users)}\r\n </h4>\r\n <p style={{ color: props.textColor }}>\r\n {state.descriptions.active_users}\r\n </p>\r\n </ParentDiv>{\" \"}\r\n <ParentDiv>\r\n <div style={{ display: \"flex\", flexWrap: \"nowrap\" }}>\r\n <img\r\n style={{ marginRight: \"10px\" }}\r\n width={20}\r\n src={state.columnImg.transactions}\r\n />\r\n <h4 style={{ color: props.headerColor }}>\r\n {state.columnNamesFinall[3]}\r\n </h4>\r\n </div>\r\n\r\n <h4 style={{ color: props.numberColor }}>\r\n {formatNumber(state.data[0].transactions)}\r\n </h4>\r\n <p style={{ color: props.textColor }}>\r\n {state.descriptions.transactions}\r\n </p>\r\n </ParentDiv>\r\n </div>\r\n);\r\n" } } } } }