From 28d52fa6d86c54503beff3c34cbf9a26e00b1d65 Mon Sep 17 00:00:00 2001
From: nasum <masaya.nasu@crowdworks.co.jp>
Date: Fri, 11 May 2018 17:27:33 +0900
Subject: [PATCH] close #288 fix image list arrow

---
 .../components/TimelineSpace/Modals/ImageViewer.vue  | 12 ++++++------
 .../store/TimelineSpace/Modals/ImageViewer.js        | 12 ++++++++----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
index 0a331b0c..adf2b9ae 100644
--- a/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
+++ b/src/renderer/components/TimelineSpace/Modals/ImageViewer.vue
@@ -6,9 +6,9 @@
         <el-button type="text" icon="el-icon-close" @click="close" class="close-button"></el-button>
       </div>
       <div class="image-content">
-        <span class="button-area"><el-button type="text" v-show="!isFirst"><i class="el-icon-arrow-left" @click.stop="decrementIndex"></i></el-button></span>
+        <span class="button-area"><el-button type="text" v-show="showLeft"><i class="el-icon-arrow-left" @click.stop="decrementIndex"></i></el-button></span>
         <img :src="imageURL">
-        <span class="button-area"><el-button type="text" v-show="!isLast"><i class="el-icon-arrow-right" @click.stop="incrementIndex"></i></el-button></span>
+        <span class="button-area"><el-button type="text" v-show="showRight"><i class="el-icon-arrow-right" @click.stop="incrementIndex"></i></el-button></span>
       </div>
     </div>
   </div>
@@ -27,11 +27,11 @@ export default {
     imageURL () {
       return this.$store.getters['TimelineSpace/Modals/ImageViewer/imageURL']
     },
-    isFirst () {
-      return this.$store.getters['TimelineSpace/Modals/ImageViewer/isFirst']
+    showLeft () {
+      return this.$store.getters['TimelineSpace/Modals/ImageViewer/showLeft']
     },
-    isLast () {
-      return this.$store.getters['TimelineSpace/Modals/ImageViewer/isLast']
+    showRight () {
+      return this.$store.getters['TimelineSpace/Modals/ImageViewer/showRight']
     }
   },
   updated () {
diff --git a/src/renderer/store/TimelineSpace/Modals/ImageViewer.js b/src/renderer/store/TimelineSpace/Modals/ImageViewer.js
index 7c612800..141b5074 100644
--- a/src/renderer/store/TimelineSpace/Modals/ImageViewer.js
+++ b/src/renderer/store/TimelineSpace/Modals/ImageViewer.js
@@ -44,11 +44,15 @@ const ImageViewer = {
     imageURL (state) {
       return state.mediaList[state.currentIndex]
     },
-    isFirst (state) {
-      return state.currentIndex === 0 && state.mediaList.length > 1
+    showLeft (state) {
+      const notFirst = (state.currentIndex > 0)
+      const isManyItem = (state.mediaList.length > 1)
+      return (notFirst && isManyItem)
     },
-    isLast (state) {
-      return state.currentIndex === (state.mediaList.length - 1) && state.mediaList.length > 1
+    showRight (state) {
+      const notLast = (state.currentIndex < (state.mediaList.length - 1))
+      const isManyItem = (state.mediaList.length > 1)
+      return (notLast && isManyItem)
     }
   }
 }