Rename image -> esper

tropy · Feb 28, 2017 · 7f3bba1 · 7f3bba1
1 parent 0d566a7
commit 7f3bba1
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/src/components/image/image.js → src/components/esper/image.js b/src/components/image/image.js → src/components/esper/image.js
@@ -4,8 +4,8 @@ const React = require('react')
 const { PropTypes } = React
 const { Toolbar } = require('../toolbar')
 
-const Image = ({ photo, isVisible }) => (
-  <section id="image">
+const EsperImage = ({ photo, isVisible }) => (
+  <section id="esper">
     <header>
       <Toolbar draggable={ARGS.frameless}/>
     </header>
@@ -16,15 +16,15 @@ const Image = ({ photo, isVisible }) => (
   </section>
 )
 
-Image.propTypes = {
+EsperImage.propTypes = {
   photo: PropTypes.object,
   isVisible: PropTypes.bool
 }
 
-Image.defaultProps = {
+EsperImage.defaultProps = {
   isVisible: false
 }
 
 module.exports = {
-  Image
+  EsperImage
 }
diff --git a/src/components/image/index.js → src/components/esper/index.js b/src/components/image/index.js → src/components/esper/index.js
diff --git a/src/components/item/view.js b/src/components/item/view.js
@@ -4,7 +4,7 @@ const React = require('react')
 const { PureComponent, PropTypes } = React
 const { ItemPanel } = require('./panel')
 const { Resizable } = require('../resizable')
-const { Image } = require('../image')
+const { EsperImage } = require('../esper')
 const { NotePad } = require('../note')
 const { MODE } = require('../../constants/project')
 const { pick } = require('../../common/util')
@@ -68,7 +68,7 @@ class ItemView extends PureComponent {
             onResize={this.handleEsperResize}
             min={20}
             max={90}>
-            <Image isVisible photo={photo}/>
+            <EsperImage isVisible photo={photo}/>
           </Resizable>
           <NotePad/>
         </div>

diff --git a/src/stylesheets/components/_image.scss b/src/stylesheets/components/_image.scss
@@ -1,9 +1,9 @@
 //
-// Image
+// Esper
 // --------------------------------------------------
 
-#image {
-  height: 50%;
+#esper {
+  height: 100%;
   background: $image-bg;
   display: flex;
   justify-content: center;