feat: show error when requests on landing page fail

src/views/landingpage/landingpage.js

@@ -38,10 +38,13 @@ const styles = theme => ({
     },
   },
   loading: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    height: '400px',
     width: '600px',
+    height: '400px',
+    display: 'flex',
+    alignItems: 'center',
+    alignContent: 'center',
+    flexDirection: 'column',
+    justifyContent: 'center',
     backgroundColor: theme.colors.white,
     '@media (min-width: 1500px)': {
       width: '800px',
@@ -51,6 +54,11 @@ const styles = theme => ({
   loadingLogo: {
     width: '200px',
     height: '200px',
+    display: 'block',
+    marginBottom: '10px',
+  },
+  loadingText: {
+    fontSize: '20px',
   },
 });
 
@@ -121,12 +129,11 @@ class LandingPage extends React.Component {
           Object.keys(limits).length === 0 ? (
             <View className={classes.loading}>
               <img
+                alt="logo"
                 src={boltz_logo}
-                height={100}
-                width={100}
                 className={classes.loadingLogo}
-                alt="logo"
               />
+              <p className={classes.loadingText}>Loading...</p>
             </View>
           ) : (
             <SwapTab

src/views/landingpage/landingpageActions.js

@@ -82,19 +82,24 @@ export const getPairs = cb => {
 
   return dispatch => {
     dispatch(pairsRequest());
-    axios.get(url).then(response => {
-      const rates = parseRates(response.data);
-      const currencies = parseCurrencies(response.data);
-
-      dispatch(
-        pairsResponse({
-          rates,
-          currencies,
-        })
-      );
-
-      cb();
-    });
+    axios
+      .get(url)
+      .then(response => {
+        const rates = parseRates(response.data);
+        const currencies = parseCurrencies(response.data);
+
+        dispatch(
+          pairsResponse({
+            rates,
+            currencies,
+          })
+        );
+
+        cb();
+      })
+      .catch(error => {
+        window.alert(`Could not get rates: ${error}`);
+      });
   };
 };
 
@@ -128,12 +133,16 @@ export const getLimits = (rates, cb) => {
 
   return dispatch => {
     dispatch(limitsRequest());
-    axios.get(url).then(response => {
-      const limits = parseLimits(rates, response.data);
-
-      dispatch(limitsResponse(limits));
-
-      cb();
-    });
+    axios
+      .get(url)
+      .then(response => {
+        const limits = parseLimits(rates, response.data);
+        dispatch(limitsResponse(limits));
+
+        cb();
+      })
+      .catch(error => {
+        window.alert(`Could not get limits: ${error}`);
+      });
   };
 };