GoScrobble/web/node_modules/.cache/babel-loader/da09d8879da2fd739fc6f93140e3e23d.json

{"ast":null,"code":"var _jsxFileName = \"/app/src/Pages/Profile.js\",\n    _s = $RefreshSig$();\n\nimport React, { useState, useEffect } from 'react';\nimport '../App.css';\nimport './Profile.css';\nimport ScaleLoader from 'react-spinners/ScaleLoader';\nimport { getProfile, getTopTracks, getTopArtists } from '../Api/index';\nimport ScrobbleTable from '../Components/ScrobbleTable';\nimport TopTable from '../Components/TopTable';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst profileDateRanges = {\n  'All time': false,\n  'Last year': '365',\n  'Last month': '30',\n  'Last week': '7'\n};\nconst defaultDateRange = 'Last month';\nlet activeStyle = {\n  color: '#FFFFFF'\n};\n\nconst Profile = route => {\n  _s();\n\n  const [loading, setLoading] = useState(true);\n  const [tableLoading, setTableLoading] = useState(false);\n  const [active, setActive] = useState(defaultDateRange);\n  const [profile, setProfile] = useState({});\n  const [topTracks, setTopTracks] = useState({});\n  const [topArtists, setTopArtists] = useState({});\n  let username = false;\n\n  if (route && route.match && route.match.params && route.match.params.uuid) {\n    username = route.match.params.uuid;\n  } else {\n    username = false;\n  }\n\n  useEffect(() => {\n    if (!username) {\n      return false;\n    }\n\n    getProfile(username).then(data => {\n      setProfile(data); // Fetch top tracks\n\n      getTopTracks(data.uuid, profileDateRanges[defaultDateRange]).then(data => {\n        setTopTracks(data.tracks);\n      }); // Fetch top artists\n\n      getTopArtists(data.uuid, profileDateRanges[defaultDateRange]).then(data => {\n        setTopArtists(data.artists);\n      });\n      setLoading(false);\n    });\n  }, [username]);\n\n  const reloadScrobblesForDate = (username, days, name) => {\n    setActive(name);\n    setTableLoading(true);\n    getProfile(username).then(data => {\n      setProfile(data); // Fetch top tracks\n\n      getTopTracks(data.uuid, days).then(data => {\n        setTopTracks(data.tracks);\n      }); // Fetch top artists\n\n      getTopArtists(data.uuid, days).then(data => {\n        setTopArtists(data.artists);\n      });\n      setTableLoading(false);\n    });\n  };\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: 86,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 7\n    }, this);\n  }\n\n  if (!username || !profile.username) {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"pageWrapper\",\n      children: \"Unable to fetch user\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 7\n    }, this);\n  }\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"pageWrapper\",\n    children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n      children: [profile.username, \"'s Profile\"]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 101,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"pageBody\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"profileDateRange\",\n        children: Object.entries(profileDateRanges).map((t, k) => /*#__PURE__*/_jsxDEV(\"span\", {\n          children: /*#__PURE__*/_jsxDEV(\"span\", {\n            onClick: () => reloadScrobblesForDate(username, t[1], t[0]),\n            style: active === t[0] ? activeStyle : {},\n            className: \"profileDateRangeText\",\n            children: t[0]\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 108,\n            columnNumber: 15\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 107,\n          columnNumber: 60\n        }, this))\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(TopTable, {\n        type: \"track\",\n        items: topTracks,\n        loading: tableLoading\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(TopTable, {\n        type: \"artist\",\n        items: topArtists,\n        loading: tableLoading\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 9\n      }, this), \"Last 10 scrobbles\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 26\n      }, this), /*#__PURE__*/_jsxDEV(ScrobbleTable, {\n        data: profile.scrobbles\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 104,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 100,\n    columnNumber: 5\n  }, this);\n};\n\n_s(Profile, \"p1rb9lNZ+90ykeZQZKM6+K78diE=\");\n\n_c = Profile;\nexport default Profile;\n\nvar _c;\n\n$RefreshReg$(_c, \"Profile\");","map":{"version":3,"sources":["/app/src/Pages/Profile.js"],"names":["React","useState","useEffect","ScaleLoader","getProfile","getTopTracks","getTopArtists","ScrobbleTable","TopTable","profileDateRanges","defaultDateRange","activeStyle","color","Profile","route","loading","setLoading","tableLoading","setTableLoading","active","setActive","profile","setProfile","topTracks","setTopTracks","topArtists","setTopArtists","username","match","params","uuid","then","data","tracks","artists","reloadScrobblesForDate","days","name","Object","entries","map","t","k","scrobbles"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport '../App.css';\nimport './Profile.css';\nimport ScaleLoader from 'react-spinners/ScaleLoader';\nimport { getProfile, getTopTracks, getTopArtists } from '../Api/index'\nimport ScrobbleTable from '../Components/ScrobbleTable'\nimport TopTable from '../Components/TopTable'\n\nconst profileDateRanges = {\n  'All time': false,\n  'Last year': '365',\n  'Last month': '30',\n  'Last week': '7',\n};\n\nconst defaultDateRange = 'Last month';\nlet activeStyle = { color: '#FFFFFF' };\n\nconst Profile = (route) => {\n  const [loading, setLoading] = useState(true);\n  const [tableLoading, setTableLoading] = useState(false);\n  const [active, setActive] = useState(defaultDateRange);\n  const [profile, setProfile] = useState({});\n  const [topTracks, setTopTracks] = useState({})\n  const [topArtists, setTopArtists] = useState({})\n  \n  let username = false;\n  if (route && route.match && route.match.params && route.match.params.uuid) {\n    username = route.match.params.uuid;\n  } else {\n    username = false;\n  }\n\n  useEffect(() => {\n    if (!username) {\n      return false;\n    }\n\n    getProfile(username)\n      .then(data => {\n        setProfile(data);\n\n        // Fetch top tracks\n        getTopTracks(data.uuid, profileDateRanges[defaultDateRange])\n          .then(data => {\n            setTopTracks(data.tracks)\n        })\n\n        // Fetch top artists\n        getTopArtists(data.uuid, profileDateRanges[defaultDateRange])\n          .then(data => {\n            setTopArtists(data.artists)\n        })\n\n        setLoading(false);\n      })\n\n  }, [username])\n\n  const reloadScrobblesForDate = (username, days, name) => {\n    setActive(name);\n    setTableLoading(true);\n    getProfile(username)\n    .then(data => {\n      setProfile(data);\n\n      // Fetch top tracks\n      getTopTracks(data.uuid, days)\n        .then(data => {\n          setTopTracks(data.tracks);\n      })\n\n      // Fetch top artists\n      getTopArtists(data.uuid, days)\n        .then(data => {\n          setTopArtists(data.artists);\n      })\n\n      setTableLoading(false)\n    })\n  };\n\n  if (loading) {\n    return (\n      <div className=\"pageWrapper\">\n        <ScaleLoader color=\"#6AD7E5\" />\n      </div>\n    )\n  }\n\n  if (!username || !profile.username) {\n    return (\n      <div className=\"pageWrapper\">\n        Unable to fetch user\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"pageWrapper\">\n      <h1>\n        {profile.username}'s Profile\n      </h1>\n      <div className=\"pageBody\">\n        <div className=\"profileDateRange\">\n          {\n            Object.entries(profileDateRanges).map((t,k) => <span>\n              <span onClick={() => reloadScrobblesForDate(username,t[1], t[0])}\n                style={active === t[0] ? activeStyle : {}}\n                className=\"profileDateRangeText\">\n                  {t[0]}\n              </span>\n            </span>)\n          }\n        </div>\n        <TopTable type=\"track\" items={topTracks} loading={tableLoading} />\n        <br/>\n        <TopTable type=\"artist\" items={topArtists} loading={tableLoading} />\n        <br/>\n        Last 10 scrobbles<br/>\n        <ScrobbleTable data={profile.scrobbles}/>\n      </div>\n    </div>\n  );\n}\n\nexport default Profile;"]},"metadata":{},"sourceType":"module"}