Fix the dashboard price history graph

There were multiple things that made it stop working correctly:
- The cryptocompare.com API changed the max value for the `limit` parameter
- My previous optimization of the login stage didn't account for things being dependent on each other.

It now also does not hide the resolution buttons while the stats are loading.

Fixes #572

Author: sindresorhus

app/renderer/containers/Dashboard.js

@@ -107,7 +107,7 @@ class DashboardContainer extends SuperContainer {
 			case 'year':
 				return getUrlForDays(365);
 			case 'all':
-				return getUrlForDays(100000, 7);
+				return getUrlForDays(2000, 7);
 			default:
 				throw new Error('Unsupported resolution');
 		}
@@ -194,7 +194,7 @@ class DashboardContainer extends SuperContainer {
 		const symbol = this.activeCurrencySymbol;
 		const prices = await this.getCurrencyHistory(symbol);
 
-		this.setState(prevState => {
+		await this.setState(prevState => {
 			prevState.currencyHistory[prevState.currencyHistoryResolution][symbol] = prices;
 			return prevState;
 		});

app/renderer/containers/Login.js

@@ -144,15 +144,17 @@ class LoginContainer extends Container {
 
 		const api = await createApi(seedPhrase);
 
-		await Promise.all([
-			enableCurrencies(api),
-			watchFiatPrice(),
-			watchAllCurrencyHistory(),
-		]);
+		await enableCurrencies(api);
 
-		// This method depends on the data from `enableCurrencies()` and `watchFiatPrice()`
+		// Depends on the data from `enableCurrencies()`
+		await watchFiatPrice();
+
+		// Depends on the data from `enableCurrencies()` and `watchFiatPrice()`
 		await watchCurrencies();
 
+		// Depends on data from `enableCurrencies() and `watchFiatPrice()`
+		await watchAllCurrencyHistory();
+
 		config.set('lastActivePortfolioId', portfolio.id);
 		setAppWindowBounds();
 		appContainer.logIn(portfolio);

app/renderer/views/Dashboard/Chart.js

@@ -32,9 +32,20 @@ const Chart = () => {
 	const {portfolioHistory, currencyHistory, activeView} = state;
 	const symbol = dashboardContainer.activeCurrencySymbol;
 
-	const data = activeView === 'Portfolio' ?
-		portfolioHistory[state.currencyHistoryResolution] :
-		currencyHistory[state.currencyHistoryResolution][symbol];
+	// TODO: Add a indicator for when the stats are loading when React supports Suspense fetching
+
+	const getHistory = resolution => {
+		return activeView === 'Portfolio' ?
+			portfolioHistory[resolution] :
+			currencyHistory[resolution][symbol];
+	};
+
+	const data = getHistory(state.currencyHistoryResolution);
+
+	const hasDataInAtLeastOneResolution = Object.keys(currencyHistory).some(resolution => {
+		const history = getHistory(resolution);
+		return history && history.length > 0;
+	});
 
 	return (
 		<div className="Dashboard--Chart">
@@ -44,7 +55,7 @@ const Chart = () => {
 			/>
 			<div className="overlay">
 				<h3>{activeView === 'Portfolio' ? t('chart.portfolioValue') : t('chart.symbolChart', {symbol})}</h3>
-				{data &&
+				{hasDataInAtLeastOneResolution &&
 					<div className="resolution-buttons">
 						<ResolutionButton title="1h" resolution="hour"/>
 						<ResolutionButton title="1d" resolution="day"/>