chore(splash): isolate splash dependencies to individual components

Author: skipjack

src/components/Cube/Cube.jsx

@@ -1,6 +1,10 @@
+// Import External Dependencies
 import React from 'react';
 import PropTypes from 'prop-types';
 
+// Load Styling
+import '../Cube.scss';
+
 export default class Cube extends React.Component {
   static propTypes = {
     hover: PropTypes.bool,

src/components/Splash/Splash.jsx

@@ -1,18 +1,17 @@
+// Import External Dependencies
 import React from 'react';
-import Interactive from 'antwar-interactive';
+
+// Import Components
 import Container from '../Container/Container';
 import SplashViz from '../SplashViz/SplashViz';
 import Support from '../Support/Support';
+
+// Load Styling
 import './Splash.scss';
-import '../SplashViz/SplashViz.scss';
-import '../Cube/Cube.scss';
-import '../TextRotater/TextRotater.scss';
 
 const Splash = () => (
   <div className="splash">
-    <Interactive
-      id="src/components/SplashViz/SplashViz.jsx"
-      component={ SplashViz } />
+    <SplashViz />
 
     <div className="splash__section splash__section--dark page__content">
       <Container>

src/components/SplashViz/SplashViz.jsx

@@ -1,8 +1,15 @@
+// Import External Dependencies
 import React from 'react';
 
+// Load Images
+import HomeSVG from './SplashVizSVG';
+
+// Import Components
 import Cube from '../Cube/Cube';
 import TextRotator from '../TextRotater/TextRotater';
-import homeSVG from './SplashVizSVG';
+
+// Load Styling
+import '../SplashViz.scss';
 
 export default class SplashViz extends React.Component {
 
@@ -18,7 +25,7 @@ export default class SplashViz extends React.Component {
             <span> styles </span>
           </TextRotator>
         </h1>
-        <div className="splash-viz__modules" dangerouslySetInnerHTML={{__html: homeSVG.body}}></div>
+        <div className="splash-viz__modules" dangerouslySetInnerHTML={{__html: HomeSVG.body}}></div>
         <Cube className="splash-viz__cube" depth={ 120 } repeatDelay={ 5000 } continuous/>
       </section>
     );

src/components/TextRotater/TextRotater.jsx

@@ -1,6 +1,10 @@
+// Import External Dependencies
 import React from 'react';
 import PropTypes from 'prop-types';
 
+// Load Styling
+import '../TextRotater.scss';
+
 export default class TextRotater extends React.PureComponent {
   static defaultProps = {
     delay: 0,