[Repertory release notification icon] [Prevent release change when mount is busy] [Initial loading animation]

src/components/UI/Loading/Loading.css

@@ -0,0 +1,16 @@
+.Loading {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+}
+
+.Content {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  top: 50%; left: 50%;
+  transform: translate(-50%,-50%);
+  width: 28px;
+  height: 28px;
+}

src/components/UI/Loading/Loading.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import CSSModules from 'react-css-modules';
+import styles from './Loading.css'
+import Loader from 'react-loader-spinner';
+
+export default CSSModules((props) => {
+  return (
+    <div
+      styleName='Loading'>
+      <div styleName='Content'>
+        <Loader color={'var(--heading_text_color)'}
+                height='28px'
+                width='28px'
+                type='ThreeDots'/>
+      </div>
+    </div>);
+}, styles, {allowMultiple: true});