From 3c5bba3ab186dffc4c8cce768af977e2675a6c01 Mon Sep 17 00:00:00 2001
From: Raj <theraj@umich.edu>
Date: Sat, 5 Dec 2020 20:08:45 -0500
Subject: [PATCH] capped spotify raw data 500
---
src/containers/Spotify/Spotify.js | 26 +++++++++++++-------------
1 file changed, 13 insertions(+), 13 deletions(-)
diff --git a/src/containers/Spotify/Spotify.js b/src/containers/Spotify/Spotify.js
index ae004f1..9a39820 100644
--- a/src/containers/Spotify/Spotify.js
+++ b/src/containers/Spotify/Spotify.js
@@ -128,6 +128,7 @@ export default class extends Component {
return (
<LayoutWrapper>
+ <title>Interpret My Spotify Data</title>
<PageHeader>Import</PageHeader>
{ !this.state.jsonData || true ?
<Row style={rowStyle} gutter={gutter} justify="start">
@@ -162,19 +163,18 @@ export default class extends Component {
<Box>
<Tabs defaultActiveKey="1" onChange={callback}>
<TabPane tab="Raw Data" key="1">
- {this.hasKey("StreamingHistory")
- ?
- JSON.parse(this.state.jsonData)["StreamingHistory"].map((song, idx) => (
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- <Box>
- <h1>{song.trackName}</h1>
- <div>Artist: {song.artistName}</div>
- <div>{song.endTime}</div>
- </Box>
- </Col>
- ))
- :
- <div> Please uploading your streaming history to view this data</div>}
+ {this.hasKey("StreamingHistory") ?
+ JSON.parse(this.state.jsonData)["StreamingHistory"].slice(0, 500).map((song, idx) => (
+ <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
+ <Box>
+ <h1>{song.trackName}</h1>
+ <div>Artist: {song.artistName}</div>
+ <div>{song.endTime}</div>
+ </Box>
+ </Col>
+ ))
+ :
+ <div> Please uploading your streaming history to view this data</div>}
</TabPane>
<TabPane tab="Graphs" key="2">
<Row style={rowStyle} gutter={0} justify="start">
--
GitLab