From 8683a62f16872484435bdb078383d6ac836dc306 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sat, 11 Jul 2020 22:20:55 +0200
Subject: [PATCH] :recycle: (hook) change isDev1Turn name variable

---
 src/hooks/useTimer.ts | 13 +++++++------
 src/views/Home.vue    | 16 ++++------------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/hooks/useTimer.ts b/src/hooks/useTimer.ts
index 273ea27..3188195 100644
--- a/src/hooks/useTimer.ts
+++ b/src/hooks/useTimer.ts
@@ -18,7 +18,7 @@ export const useTimer = () => {
   const seconds = ref(0)
   const interval = ref(5)
   const sessionSeconds = ref(interval.value * 60)
-  const isProgrammer1Turn = ref(true)
+  const isDev1Turn = ref(true)
 
   const time = computed(() => formatSeconds(seconds.value))
   const session = computed(() => formatSeconds(sessionSeconds.value))
@@ -36,11 +36,12 @@ export const useTimer = () => {
 
     stopwatchId = setInterval(() => {
       seconds.value++
-      if (seconds.value % intervalSeconds.value === 0) {
+      const isTimeToChange = seconds.value % intervalSeconds.value === 0
+      if (isTimeToChange) {
         sessionSeconds.value = intervalSeconds.value
-        isProgrammer1Turn.value = !isProgrammer1Turn.value
+        isDev1Turn.value = !isDev1Turn.value
 
-        const dev = isProgrammer1Turn.value ? 'Dev 1' : 'Dev 2'
+        const dev = isDev1Turn.value ? 'Dev 1' : 'Dev 2'
 
         notify('Changement !', {
           body: `${dev}, à votre tour !`
@@ -69,7 +70,7 @@ export const useTimer = () => {
     pause()
     seconds.value = 0
     sessionSeconds.value = intervalSeconds.value
-    isProgrammer1Turn.value = true
+    isDev1Turn.value = true
   }
 
   return {
@@ -80,6 +81,6 @@ export const useTimer = () => {
     timeState,
     time,
     session,
-    isProgrammer1Turn
+    isDev1Turn
   }
 }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a86d8e3..1d9e10a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -6,16 +6,8 @@
       @update="(int) => (interval = int)"
     />
     <section class="developers">
-      <DevSession
-        position="1"
-        :is-turn="isProgrammer1Turn"
-        :session="session"
-      />
-      <DevSession
-        position="2"
-        :is-turn="!isProgrammer1Turn"
-        :session="session"
-      />
+      <DevSession position="1" :is-turn="isDev1Turn" :session="session" />
+      <DevSession position="2" :is-turn="!isDev1Turn" :session="session" />
     </section>
     <div class="global-time">{{ time }}</div>
     <div class="actions">
@@ -70,7 +62,7 @@ export default defineComponent({
       timeState,
       time,
       session,
-      isProgrammer1Turn
+      isDev1Turn
     } = useTimer()
 
     return {
@@ -82,7 +74,7 @@ export default defineComponent({
       timeState,
       time,
       session,
-      isProgrammer1Turn
+      isDev1Turn
     }
   }
 })