Because we already use axios in other place, let use it here to get c…

…onsistent handling of HTTP errors

src/client/modals/url-shortener-modal/url-shortener-modal.tsx

@@ -20,6 +20,7 @@ import { Modal } from "../../components/modal/modal";
 import { SafeCopyToClipboard } from "../../components/safe-copy-to-clipboard/safe-copy-to-clipboard";
 import { STRINGS } from "../../config/constants";
 import "./url-shortener-modal.scss";
+import axios from "axios";
 
 interface UrlShortenerModalProps {
   onClose: Fn;
@@ -59,14 +60,9 @@ export class UrlShortenerPrompt extends React.Component<UrlProp, UrlShortenerPro
   }
 
   shortenUrl() {
-    return fetch("shorten?url=" + encodeURIComponent(this.props.url))
-      .then(response => {
-        if (!response.ok) {
-          throw Error(response.statusText);
-        }
-        return response;
-      })
-      .then(response => response.json());
+    // NOTE: When replacing axios, please remember that native fetch doesn't reject on 4xx/5xx errors!
+    return axios("shorten?url=" + encodeURIComponent(this.props.url))
+      .then(response => response.data);
   }
 
   renderShortUrl() {