Bind dashboard front-end to component

src/Components/DashboardComponent/Dashboard.tsx

@@ -1,40 +1,53 @@
 import React from 'react';
 import DashboardView from '../../Views/DashboardView'
+import API_DTO from '../../DTOs/api.dto';
+import ReportingRepository from '../../Repositories/ReportingRepository';
 
 export default class Dashboard extends React.Component<{
 	history: any
 }, {
-	dto: any
+	dto: API_DTO,
+	ReportingRepository: ReportingRepository
 }> {
-    state!: {
-        dto: {
-            API_Link: string | null;
-            API_Token: string | null;
-        };
-    };
-    props: any;
 	constructor(props: any) {
 		super(props);
 		if (props.location.state.dto !== undefined) {
 			// If the state exists being routed from /, fill in Dashboard State.
-			this.state = { dto: props.location.state.dto };
+			this.setState({ dto: props.location.state.dto });
 		} else if (localStorage.getItem("APILink") !== null &&
 					localStorage.getItem("AccessToken") !== null) {
 			// Check if localStorage has valid items, if this is the case, we can use those.
 			// Resolve issue with cold navigation to /dashboard.
-			this.state = {
-				dto: {
-					API_Link: localStorage.getItem("APILink"),
-					API_Token: localStorage.getItem("AccessToken")
-				}
-			}
+			const DTO = new API_DTO();
+			DTO.setApiLink(localStorage.getItem("APILink"));
+			DTO.setApiToken(localStorage.getItem("AccessToken"));
+			this.setState({ dto: DTO });
 		} else {
 			// Route back to / if neither is the case.
 			this.props.history.push('/');
 		}
+		this.checkFirstDate = this.checkFirstDate.bind(this);
+		this.checkSecondDate = this.checkSecondDate.bind(this);
+		this.getItemsFromApi = this.getItemsFromApi.bind(this);
+	}
+
+	checkFirstDate(_e: any) {
+		this.state.dto.setFirstDate(_e.target.value);
+	}
+
+	checkSecondDate(_e: any) {
+		this.state.dto.setSecondDate(_e.target.value);
+	}
+
+	getItemsFromApi() {
+		// TODO: Connect to ReportingRepository.
 	}
 
 	render () {
-		return (<DashboardView />)
+		return (<DashboardView
+					checkFirstDate={this.checkFirstDate}
+					checkSecondDate={this.checkSecondDate}
+					getItemsFromApi={this.getItemsFromApi}
+				/>)
 	}
 }