idanoo/GoScrobble
1
0
Fork 0
mirror of https://github.com/idanoo/GoScrobble.git synced 2024-11-22 16:35:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
7e38fdbd7d
GoScrobble/web/node_modules/.cache/babel-loader/821e888a37cf12313cd6d4c3b08e4fc4.json

1 line
20 KiB
JSON
Raw Blame History

{"ast":null,"code":"var _jsxFileName = \"/app/src/Components/TopTable.js\";\nimport React from \"react\";\nimport './TopTable.css';\nimport TopTableBox from './TopTableBox';\nimport ClipLoader from 'react-spinners/ClipLoader';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst TopTable = props => {\n if (!props.items || Object.keys(props.items).length < 1) {\n return /*#__PURE__*/_jsxDEV(\"span\", {\n children: [\"Not enough data to show top \", props.type, \"s.\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 58\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 10\n }, this);\n }\n\n let tracks = props.items;\n\n if (props.loading) {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: `center`\n },\n children: [/*#__PURE__*/_jsxDEV(\"span\", {\n children: [\"Top \", props.type, \"s\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestWrapper\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 10\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n padding: `80px`\n },\n children: /*#__PURE__*/_jsxDEV(ClipLoader, {\n color: \"#6AD7E5\",\n size: 150\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 16\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 10\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 10\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 14\n }, this);\n }\n\n return /*#__PURE__*/_jsxDEV(\"div\", {\n style: {\n textAlign: `center`\n },\n children: [/*#__PURE__*/_jsxDEV(\"span\", {\n children: [\"Top \", props.type, \"s \", props.extraText && props.extraText]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 10\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestWrapper\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\",\n children: /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 300,\n number: \"1\",\n title: tracks[1].name,\n link: \"/\" + props.type + \"/\" + tracks[1].uuid,\n uuid: tracks[1].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 16\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 13\n }, this), Object.keys(props.items).length > 5 && /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\",\n children: [/*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 150,\n number: \"2\",\n title: tracks[2].name,\n link: \"/\" + props.type + \"/\" + tracks[2].uuid,\n uuid: tracks[2].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 22\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 150,\n number: \"3\",\n title: tracks[3].name,\n link: \"/\" + props.type + \"/\" + tracks[3].uuid,\n uuid: tracks[3].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 22\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 150,\n number: \"4\",\n title: tracks[4].name,\n link: \"/\" + props.type + \"/\" + tracks[4].uuid,\n uuid: tracks[4].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 22\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 150,\n number: \"5\",\n title: tracks[5].name,\n link: \"/\" + props.type + \"/\" + tracks[5].uuid,\n uuid: tracks[5].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 22\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 16\n }, this), Object.keys(props.items).length >= 14 && /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"biggestBox\",\n children: [/*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"6\",\n title: tracks[6].name,\n link: \"/\" + props.type + \"/\" + tracks[6].uuid,\n uuid: tracks[6].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"7\",\n title: tracks[7].name,\n link: \"/\" + props.type + \"/\" + tracks[7].uuid,\n uuid: tracks[7].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"8\",\n title: tracks[8].name,\n link: \"/\" + props.type + \"/\" + tracks[8].uuid,\n uuid: tracks[8].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"9\",\n title: tracks[9].name,\n link: \"/\" + props.type + \"/\" + tracks[9].uuid,\n uuid: tracks[9].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"10\",\n title: tracks[10].name,\n link: \"/\" + props.type + \"/\" + tracks[10].uuid,\n uuid: tracks[10].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"11\",\n title: tracks[11].name,\n link: \"/\" + props.type + \"/\" + tracks[11].uuid,\n uuid: tracks[11].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"12\",\n title: tracks[12].name,\n link: \"/\" + props.type + \"/\" + tracks[12].uuid,\n uuid: tracks[12].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 118,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"13\",\n title: tracks[13].name,\n link: \"/\" + props.type + \"/\" + tracks[13].uuid,\n uuid: tracks[13].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(TopTableBox, {\n size: 100,\n number: \"14\",\n title: tracks[14].name,\n link: \"/\" + props.type + \"/\" + tracks[14].uuid,\n uuid: tracks[14].img\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 19\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 16\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 10\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }, this);\n};\n\n_c = TopTable;\nexport default TopTable;\n\nvar _c;\n\n$RefreshReg$(_c, \"TopTable\");","map":{"version":3,"sources":["/app/src/Components/TopTable.js"],"names":["React","TopTableBox","ClipLoader","TopTable","props","items","Object","keys","length","type","tracks","loading","textAlign","padding","extraText","name","uuid","img"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport './TopTable.css'\nimport TopTableBox from './TopTableBox';\nimport ClipLoader from 'react-spinners/ClipLoader'\n\nconst TopTable = (props) => {\n if (!props.items || Object.keys(props.items).length < 1) {\n return (\n <span>Not enough data to show top {props.type}s.<br/></span>\n )\n }\n\n let tracks = props.items;\n\n if (props.loading) {\n return <div style={{textAlign: `center`}}>\n <span>Top {props.type}s</span>\n <div className=\"biggestWrapper\">\n <div className=\"biggestBox\"></div>\n <div className=\"biggestBox\">\n <div style={{padding: `80px`}}>\n <ClipLoader color=\"#6AD7E5\" size={150} />\n </div>\n </div>\n <div className=\"biggestBox\"></div>\n </div>\n </div>\n }\n return (\n <div style={{textAlign: `center`}}>\n <span>Top {props.type}s {props.extraText && props.extraText}</span>\n <div className=\"biggestWrapper\">\n <div className=\"biggestBox\">\n <TopTableBox\n size={300}\n number=\"1\"\n title={tracks[1].name}\n link={\"/\" + props.type + \"/\" + tracks[1].uuid}\n uuid={tracks[1].img}\n />\n </div>\n { Object.keys(props.items).length > 5 &&\n <div className=\"biggestBox\">\n <TopTableBox\n size={150}\n number=\"2\"\n title={tracks[2].name}\n link={\"/\" + props.type + \"/\" + tracks[2].uuid}\n uuid={tracks[2].img}\n />\n <TopTableBox\n size={150}\n number=\"3\"\n title={tracks[3].name}\n link={\"/\" + props.type + \"/\" + tracks[3].uuid}\n uuid={tracks[3].img}\n />\n <TopTableBox\n size={150}\n number=\"4\"\n title={tracks[4].name}\n link={\"/\" + props.type + \"/\" + tracks[4].uuid}\n uuid={tracks[4].img}\n />\n <TopTableBox\n size={150}\n number=\"5\"\n title={tracks[5].name}\n link={\"/\" + props.type + \"/\" + tracks[5].uuid}\n uuid={tracks[5].img}\n />\n </div>\n }\n { Object.keys(props.items).length >= 14 &&\n <div className=\"biggestBox\">\n <TopTableBox\n size={100}\n number=\"6\"\n title={tracks[6].name}\n link={\"/\" + props.type + \"/\" + tracks[6].uuid}\n uuid={tracks[6].img}\n />\n <TopTableBox\n size={100}\n number=\"7\"\n title={tracks[7].name}\n link={\"/\" + props.type + \"/\" + tracks[7].uuid}\n uuid={tracks[7].img}\n />\n <TopTableBox\n size={100}\n number=\"8\"\n title={tracks[8].name}\n link={\"/\" + props.type + \"/\" + tracks[8].uuid}\n uuid={tracks[8].img}\n />\n <TopTableBox\n size={100}\n number=\"9\"\n title={tracks[9].name}\n link={\"/\" + props.type + \"/\" + tracks[9].uuid}\n uuid={tracks[9].img}\n />\n <TopTableBox\n size={100}\n number=\"10\"\n title={tracks[10].name}\n link={\"/\" + props.type + \"/\" + tracks[10].uuid}\n uuid={tracks[10].img}\n />\n <TopTableBox\n size={100}\n number=\"11\"\n title={tracks[11].name}\n link={\"/\" + props.type + \"/\" + tracks[11].uuid}\n uuid={tracks[11].img}\n />\n <TopTableBox\n size={100}\n number=\"12\"\n title={tracks[12].name}\n link={\"/\" + props.type + \"/\" + tracks[12].uuid}\n uuid={tracks[12].img}\n />\n <TopTableBox\n size={100}\n number=\"13\"\n title={tracks[13].name}\n link={\"/\" + props.type + \"/\" + tracks[13].uuid}\n uuid={tracks[13].img}\n />\n <TopTableBox\n size={100}\n number=\"14\"\n title={tracks[14].name}\n link={\"/\" + props.type + \"/\" + tracks[14].uuid}\n uuid={tracks[14].img}\n />\n </div>\n }\n </div>\n </div>\n );\n}\n\nexport default TopTable;"]},"metadata":{},"sourceType":"module"}
Reference in New Issue View Git Blame Copy Permalink