all questions: showing loading indicator on new db select, loading indicator update

src/components/LoadingIndicator.js

@@ -1,10 +1,12 @@
 import React, { PureComponent } from 'react'
 
+import styles from './LoadingIndicator.module.css'
+
 class LoadingIndicator extends PureComponent {
-  render () {
+  render() {
     return (
-      <div className='loadingindicator'>
-        Loading...
+      <div className={styles.loadContainer}>
+        <div className={styles.load} />
       </div>
     )
   }

src/components/LoadingIndicator.module.css

@@ -0,0 +1,24 @@
+.load {
+  border: 4px solid #f3f3f3;
+  border-top: 4px solid #99f;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+
+  margin: 10px;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.loadContainer {
+  display: flex;
+  justify-content: center;
+}