3 files changed, 25 insertions, 21 deletions
diff --git a/animism-align/frontend/app/common/index.js b/animism-align/frontend/app/common/index.js
index 1f0a61d..939e4e8 100644
--- a/animism-align/frontend/app/common/index.js
+++ b/animism-align/frontend/app/common/index.js
@@ -1,3 +1,12 @@
+
+import './fonts.css'
+import './app.css'
+import './form.css'
+import './table.css'
+import './modal.css'
+import './miscellaneous.css'
+import './upload.css'
+
 // export { default as Header } from 'app/common/header.component'
 export {
   MenuButton, SmallMenuButton, MenuRoute,
@@ -8,7 +17,7 @@ export {
   LabelDescription, ColorInput,
 } from 'app/common/form.component'
 export {
-  Loader, Swatch, Dot, Columns, Statistic, Detections, Progress
+  Swatch, Dot, Columns, Statistic, Detections, Progress
 } from 'app/common/miscellaneous.component'
 export { default as TableIndex } from 'app/common/tableIndex.component'
 export {
@@ -17,15 +26,7 @@ export {
 } from 'app/common/table.component'
 export { default as CopyToClipboardButton } from 'app/common/copyToClipboardButton.component'
 export { default as ImageCrop } from 'app/common/imageCrop.component'
+export { Loader } from 'app/common/loader.component'
 export { Modal } from 'app/common/modal.component'
 export { default as UploadImage } from 'app/common/uploadImage.component'
 export { default as Slider } from 'app/common/slider.component'
-
-import './fonts.css'
-import './app.css'
-import './form.css'
-import './loader.css'
-import './table.css'
-import './modal.css'
-import './miscellaneous.css'
-import './upload.css'
diff --git a/animism-align/frontend/app/common/loader.component.js b/animism-align/frontend/app/common/loader.component.js
new file mode 100644
index 0000000..846c9cc
--- /dev/null
+++ b/animism-align/frontend/app/common/loader.component.js
@@ -0,0 +1,14 @@
+import React from 'react'
+
+import './loader.css'
+
+export const Loader = () => (
+  <div>
+    <div className='circular-loader color'>
+      <div className="stroke">
+        <div className="stroke-left"></div>
+        <div className="stroke-right"></div>
+      </div>
+    </div>
+  </div>
+)
diff --git a/animism-align/frontend/app/common/miscellaneous.component.js b/animism-align/frontend/app/common/miscellaneous.component.js
index 8021c5d..bf2c266 100644
--- a/animism-align/frontend/app/common/miscellaneous.component.js
+++ b/animism-align/frontend/app/common/miscellaneous.component.js
@@ -2,17 +2,6 @@ import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
 import { clamp, percent } from 'app/utils'
 
-export const Loader = () => (
-  <div>
-    <div className='circular-loader color'>
-      <div className="stroke">
-        <div className="stroke-left"></div>
-        <div className="stroke-right"></div>
-      </div>
-    </div>
-  </div>
-)
-
 export const Swatch = ({ color }) => (
   <div
     className='swatch'