Rename components

components/codeImage.js

@@ -2,7 +2,7 @@ import { EOL } from 'os'
 import React from 'react'
 import domtoimage from 'dom-to-image'
 import CodeMirror from 'react-codemirror'
-import WindowControls from '../components/svg/controls'
+import WindowControls from '../components/svg/Controls'
 
 // hack to only call modes on browser
 if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {

components/dropdown.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import enhanceWithClickOutside from 'react-click-outside'
-import ArrowDown from './svg/arrowdown'
+import ArrowDown from './svg/Arrowdown'
 
 class Dropdown extends React.Component {
   constructor(props) {

components/settings.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import enhanceWithClickOutside from 'react-click-outside'
-import SettingsIcon from './svg/settings'
+import SettingsIcon from './svg/Settings'
 
 class Settings extends React.Component {
   constructor(props) {

components/toolbar.js

@@ -1,8 +1,8 @@
 import React from 'react'
-import Dropdown from './dropdown'
-import ColorPicker from './colorpicker'
-import Settings from './settings'
-import Button from './button'
+import Dropdown from './Dropdown'
+import ColorPicker from './Colorpicker'
+import Settings from './Settings'
+import Button from './Button'
 import { THEMES, LANGUAGES } from '../lib/constants'
 
 const Toolbar = (props) => (

pages/index.js

@@ -4,9 +4,9 @@ import { DragDropContext } from 'react-dnd'
 import Axios from 'axios'
 import domtoimage from 'dom-to-image'
 
-import Meta from '../components/meta'
-import Toolbar from '../components/toolbar'
-import CodeImage from '../components/codeImage'
+import Meta from '../components/Meta'
+import Toolbar from '../components/Toolbar'
+import CodeImage from '../components/CodeImage'
 import api from '../lib/api'
 import { THEMES, LANGUAGES, DEFAULT_CODE } from '../lib/constants'