Added preview modal component

src/short-urls/helpers/PreviewModal.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import { Modal, ModalBody, ModalHeader } from 'reactstrap';
+import './PreviewModal.scss';
+
+export default function PreviewModal ({ url, toggle, isOpen }) {
+  return (
+    <Modal isOpen={isOpen} toggle={toggle} size="lg">
+      <ModalHeader toggle={toggle}>Preview for <a target="_blank" href={url}>{url}</a></ModalHeader>
+      <ModalBody>
+        <div className="text-center">
+          <p className="preview-modal__loader">Loading...</p>
+          <img src={`${url}/preview`} className="preview-modal__img" />
+        </div>
+      </ModalBody>
+    </Modal>
+  );
+}

src/short-urls/helpers/PreviewModal.scss

@@ -0,0 +1,13 @@
+@import "../../utils/mixins/horizontal-align";
+
+.preview-modal__img {
+  max-width: 100%;
+  position: relative;
+  z-index: 2;
+}
+
+.preview-modal__loader {
+  @include horizontal-align();
+  z-index: 1;
+  top: 1rem;
+}