From 036eabcfe326867040c5f318c32d255d548598cd Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 17 Apr 2023 23:03:25 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(record=20controls)=20add=20icon?=
 =?UTF-8?q?s=20to=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/record/components/RecordControls.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/modules/record/components/RecordControls.vue b/src/modules/record/components/RecordControls.vue
index ff31e88..d8400ba 100644
--- a/src/modules/record/components/RecordControls.vue
+++ b/src/modules/record/components/RecordControls.vue
@@ -96,32 +96,36 @@ whenever(logicAnd(notUsingInput, s), () => {
         v-if="record.breakTime"
         @click="recordStore.resume(taskId)"
       >
-        resume
+        <img src="/icons/start.svg" alt="resume" />
       </button>
       <button
         class="button is-primary is-light"
         v-else
         @click="recordStore.pause(taskId)"
       >
-        pause
+        <img src="/icons/pause.svg" alt="pause" />
       </button>
     </template>
 
     <template v-if="!record || !record.end">
-      <button v-if="canStart" @click="startRecording" class="button is-primary">
-        start
+      <button
+        v-if="canStart"
+        @click="startRecording"
+        class="button is-primary is-light"
+      >
+        <img src="/icons/start.svg" alt="start" />
       </button>
       <button
         class="button is-primary is-light"
         v-else-if="!record?.breakTime"
         @click="nextStep"
       >
-        next
+        <img src="/icons/next.svg" alt="next" />
       </button>
     </template>
 
     <button class="button is-warning" @click="recordStore.reset(taskId)">
-      reset
+      <img src="/icons/recycle.svg" alt="reset" />
     </button>
   </div>
 </template>