update

src/Pages/Home.js

@@ -80,6 +80,27 @@ class Home extends Component {
 		remoteFeed: null,
 		fingerPrintFeed: null,
 		keycardFeed: null,
+		currentLast: null,
+		revenueTotal: null,
+		revenueMax: null,
+		revenueMin: null,
+		revenueAvg: null,
+		peopleTotal: null,
+		peopleMax: null,
+		peopleMin: null,
+		peopleAvg: null,
+		remoteTotal: null,
+		remoteMax: null,
+		remoteMin: null,
+		remoteAvg: null,
+		fingerPrintTotal: null,
+		fingerPrintMax: null,
+		fingerPrintMin: null,
+		fingerPrintAvg: null,
+		keycardTotal: null,
+		keycardMax: null,
+		keycardMin: null,
+		keycardAvg: null,
 	};
 
 	async componentDidMount() {
@@ -163,25 +184,15 @@ class Home extends Component {
 		this.getFeedData(device, range, breakdown);
 	};
 
-	getMax(){
+	getMax() {}
 
-	}
-
-	getMin(){
-		
-	}
+	getMin() {}
 
-	getAvg(){
+	getAvg() {}
 
-	}
+	getTotal() {}
 
-	getTotal(){
-		
-	}
-
-	getLast(){
-		
-	}
+	getLast() {}
 
 	render() {
 		const {
@@ -208,12 +219,47 @@ class Home extends Component {
 						{/* {Data.map((item, index) => (
 							<DataCard key={index} item={item} feedData={feedData} />
 						))} */}
-						<DataCard item={Data[0]} feedData={currentFeed} total={currentLast}/>
-						<DataCard item={Data[1]} feedData={revenueFeed} total={revenueTotal} max={revenueMax} min={revenueMin} avg={revenueAvg}/>
-						<DataCard item={Data[2]} feedData={peopleFeed} total={peopleTotal} max={peopleMax} min={peopleMin} avg={peopleAvg}/>
-						<DataCard item={Data[3]} feedData={remoteFeed} total={remoteTotal} max={remoteMax} min={remoteMin} avg={remoteAvg}/>
-						<DataCard item={Data[5]} feedData={fingerPrintFeed} total={fingerPrintTotal} max={fingerPrintMax} min={fingerPrintMin} avg={fingerPrintAvg}/>
-						<DataCard item={Data[4]} feedData={keycardFeed} total={keycardTotal} max={keycardMax} min={keycardMin} avg={keycardAvg}/>
+						<DataCard item={Data[0]} feedData={currentFeed} total={this.state.currentLast} />
+						<DataCard
+							item={Data[1]}
+							feedData={revenueFeed}
+							total={this.state.revenueTotal}
+							max={this.state.revenueMax}
+							min={this.state.revenueMin}
+							avg={this.state.revenueAvg}
+						/>
+						<DataCard
+							item={Data[2]}
+							feedData={peopleFeed}
+							total={this.state.peopleTotal}
+							max={this.state.peopleMax}
+							min={this.state.peopleMin}
+							avg={this.state.peopleAvg}
+						/>
+						<DataCard
+							item={Data[3]}
+							feedData={remoteFeed}
+							total={this.state.remoteTotal}
+							max={this.state.remoteMax}
+							min={this.state.remoteMin}
+							avg={this.state.remoteAvg}
+						/>
+						<DataCard
+							item={Data[5]}
+							feedData={fingerPrintFeed}
+							total={this.state.fingerPrintTotal}
+							max={this.state.fingerPrintMax}
+							min={this.state.fingerPrintMin}
+							avg={this.state.fingerPrintAvg}
+						/>
+						<DataCard
+							item={Data[4]}
+							feedData={keycardFeed}
+							total={this.state.keycardTotal}
+							max={this.state.keycardMax}
+							min={this.state.keycardMin}
+							avg={this.state.keycardAvg}
+						/>
 					</Row>
 					<Row>
 						<DataTable />