GoScrobble/web/node_modules/.cache/babel-loader/04f33b05dcde5b1bfbfac3469a9dbae4.json

{"ast":null,"code":"var _jsxFileName = \"/app/src/Components/TracksForRecordTable.js\",\n    _s = $RefreshSig$();\n\nimport React, { useContext, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { getAlbumTracks, getArtistTracks } from '../Api/index';\nimport ScaleLoader from 'react-spinners/ScaleLoader';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst TracksForRecordTable = props => {\n  _s();\n\n  const [tracks, setTracks] = useState({});\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    if (props.albumuuid !== undefined) {\n      getAlbumTracks(props.albumuuid).then(data => {\n        setTracks(data);\n        setLoading(false);\n      });\n    } else if (props.artistuuid !== undefined) {\n      getArtistTracks(props.artistuuid).then(data => {\n        setTracks(data);\n        setLoading(false);\n      });\n    }\n  }, [props.albumuuid, props.artistuuid]);\n\n  if (loading) {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"pageWrapper\",\n      children: /*#__PURE__*/_jsxDEV(ScaleLoader, {\n        color: \"#6AD7E5\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 9\n    }, this);\n  }\n\n  console.log(tracks);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    style: {\n      textAlign: `center`\n    },\n    children: [\"Tracks\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 19\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        border: `1px solid #FFFFFF`,\n        width: `100%`,\n        display: `flex`,\n        flexWrap: `wrap`,\n        minWidth: `300px`,\n        maxWidth: `1200px`\n      },\n      children: tracks && tracks.tracks && Object.keys(tracks.tracks).map(key => {\n        return /*#__PURE__*/_jsxDEV(\"div\", {\n          style: {\n            borderBottom: `1px solid #CCC`,\n            width: `100%`,\n            padding: `2px`\n          },\n          children: /*#__PURE__*/_jsxDEV(Link, {\n            to: \"/track/\" + tracks.tracks[key].uuid,\n            children: [\" \", tracks.tracks[key].name]\n          }, \"track\" + tracks.tracks[key].uuid, true, {\n            fileName: _jsxFileName,\n            lineNumber: 52,\n            columnNumber: 22\n          }, this)\n        }, \"box\" + tracks.tracks[key].uuid, false, {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 23\n        }, this);\n      })\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 37,\n    columnNumber: 8\n  }, this);\n};\n\n_s(TracksForRecordTable, \"gL+UZKRPM2bUOc7d9pxgg2EZX44=\");\n\n_c = TracksForRecordTable;\nexport default TracksForRecordTable;\n\nvar _c;\n\n$RefreshReg$(_c, \"TracksForRecordTable\");","map":{"version":3,"sources":["/app/src/Components/TracksForRecordTable.js"],"names":["React","useContext","useState","useEffect","Link","getAlbumTracks","getArtistTracks","ScaleLoader","TracksForRecordTable","props","tracks","setTracks","loading","setLoading","albumuuid","undefined","then","data","artistuuid","console","log","textAlign","border","width","display","flexWrap","minWidth","maxWidth","Object","keys","map","key","borderBottom","padding","uuid","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,QAA5B,EAAsCC,SAAtC,QAAuD,OAAvD;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAT,EAAyBC,eAAzB,QAAgD,cAAhD;AACA,OAAOC,WAAP,MAAwB,4BAAxB;;;AAEA,MAAMC,oBAAoB,GAAIC,KAAD,IAAW;AAAA;;AACrC,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBT,QAAQ,CAAC,EAAD,CAApC;AACA,QAAM,CAACU,OAAD,EAAUC,UAAV,IAAwBX,QAAQ,CAAC,IAAD,CAAtC;AAEAC,EAAAA,SAAS,CAAC,MAAM;AACb,QAAIM,KAAK,CAACK,SAAN,KAAoBC,SAAxB,EAAmC;AAChCV,MAAAA,cAAc,CAACI,KAAK,CAACK,SAAP,CAAd,CACCE,IADD,CACMC,IAAI,IAAI;AACXN,QAAAA,SAAS,CAACM,IAAD,CAAT;AACAJ,QAAAA,UAAU,CAAC,KAAD,CAAV;AACF,OAJD;AAKF,KAND,MAMO,IAAIJ,KAAK,CAACS,UAAN,KAAqBH,SAAzB,EAAoC;AACxCT,MAAAA,eAAe,CAACG,KAAK,CAACS,UAAP,CAAf,CACCF,IADD,CACMC,IAAI,IAAI;AACXN,QAAAA,SAAS,CAACM,IAAD,CAAT;AACAJ,QAAAA,UAAU,CAAC,KAAD,CAAV;AACF,OAJD;AAKF;AACH,GAdQ,EAcN,CAACJ,KAAK,CAACK,SAAP,EAAkBL,KAAK,CAACS,UAAxB,CAdM,CAAT;;AAgBA,MAAIN,OAAJ,EAAa;AACV,wBACE;AAAK,MAAA,SAAS,EAAC,aAAf;AAAA,6BACE,QAAC,WAAD;AAAa,QAAA,KAAK,EAAC;AAAnB;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF;AAKD;;AAEDO,EAAAA,OAAO,CAACC,GAAR,CAAYV,MAAZ;AAEA,sBACG;AAAK,IAAA,KAAK,EAAE;AACVW,MAAAA,SAAS,EAAG;AADF,KAAZ;AAAA,sCAEW;AAAA;AAAA;AAAA;AAAA,YAFX,eAGC;AAAK,MAAA,KAAK,EAAE;AACXC,QAAAA,MAAM,EAAG,mBADE;AAEXC,QAAAA,KAAK,EAAG,MAFG;AAGXC,QAAAA,OAAO,EAAG,MAHC;AAIXC,QAAAA,QAAQ,EAAG,MAJA;AAKXC,QAAAA,QAAQ,EAAG,OALA;AAMXC,QAAAA,QAAQ,EAAG;AANA,OAAZ;AAAA,gBASIjB,MAAM,IAAIA,MAAM,CAACA,MAAjB,IACAkB,MAAM,CAACC,IAAP,CAAYnB,MAAM,CAACA,MAAnB,EAA2BoB,GAA3B,CAA+BC,GAAG,IAAI;AACnC,4BAAO;AAAK,UAAA,KAAK,EAAE;AAACC,YAAAA,YAAY,EAAG,gBAAhB;AAAiCT,YAAAA,KAAK,EAAG,MAAzC;AAAgDU,YAAAA,OAAO,EAAG;AAA1D,WAAZ;AAAA,iCACD,QAAC,IAAD;AAEG,YAAA,EAAE,EAAE,YAAUvB,MAAM,CAACA,MAAP,CAAcqB,GAAd,EAAmBG,IAFpC;AAAA,4BAGAxB,MAAM,CAACA,MAAP,CAAcqB,GAAd,EAAmBI,IAHnB;AAAA,aACQ,UAAUzB,MAAM,CAACA,MAAP,CAAcqB,GAAd,EAAmBG,IADrC;AAAA;AAAA;AAAA;AAAA;AADC,WAAkF,QAAQxB,MAAM,CAACA,MAAP,CAAcqB,GAAd,EAAmBG,IAA7G;AAAA;AAAA;AAAA;AAAA,gBAAP;AAOF,OARD;AAVJ;AAAA;AAAA;AAAA;AAAA,YAHD;AAAA;AAAA;AAAA;AAAA;AAAA,UADH;AA2BH,CAzDD;;GAAM1B,oB;;KAAAA,oB;AA2DN,eAAeA,oBAAf","sourcesContent":["import React, { useContext, useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { getAlbumTracks, getArtistTracks } from '../Api/index'\nimport ScaleLoader from 'react-spinners/ScaleLoader';\n\nconst TracksForRecordTable = (props) => {\n   const [tracks, setTracks] = useState({});\n   const [loading, setLoading] = useState(true);\n\n   useEffect(() => {\n      if (props.albumuuid !== undefined) {\n         getAlbumTracks(props.albumuuid)\n         .then(data => {\n            setTracks(data);\n            setLoading(false);\n         })\n      } else if (props.artistuuid !== undefined) {\n         getArtistTracks(props.artistuuid)\n         .then(data => {\n            setTracks(data);\n            setLoading(false);\n         })\n      } \n   }, [props.albumuuid, props.artistuuid]);\n\n   if (loading) {\n      return (\n        <div className=\"pageWrapper\">\n          <ScaleLoader color=\"#6AD7E5\" />\n        </div>\n      )\n    }\n\n    console.log(tracks);\n\n    return (\n       <div style={{\n         textAlign: `center`,\n         }}>Tracks<br/>\n        <div style={{\n         border: `1px solid #FFFFFF`,\n         width: `100%`,\n         display: `flex`,\n         flexWrap: `wrap`,\n         minWidth: `300px`,\n         maxWidth: `1200px`,\n        }}>\n         {\n            tracks && tracks.tracks &&\n            Object.keys(tracks.tracks).map(key => {\n               return <div style={{borderBottom: `1px solid #CCC`, width: `100%`, padding: `2px`}} key={\"box\" + tracks.tracks[key].uuid}>\n                     <Link\n                        key={\"track\" + tracks.tracks[key].uuid}\n                        to={\"/track/\"+tracks.tracks[key].uuid}\n                  > {tracks.tracks[key].name}</Link>\n               </div>;\n\n            })\n         }\n      </div>\n      </div>\n    );\n}\n\nexport default TracksForRecordTable;"]},"metadata":{},"sourceType":"module"}