#56 Add track empty state and fix compare button style and content on click

src/components/project/virtual-sample/DynamicView.vue

@@ -15,9 +15,10 @@
       </div>
       <button
         class="btn | ml-auto"
+        :class="{ 'btn--secondary': isCompareModeEnabled }"
         @click="isCompareModeEnabled = !isCompareModeEnabled"
       >
-        <span>Comparer les pistes</span>
+        <span>{{ isCompareModeEnabled ? 'Quitter le mode comparer' : 'Comparer les pistes' }}</span>
       </button>
     </header>
 
@@ -31,6 +32,9 @@
           <img :src="activeTrack.files[0].url" alt="" />
         </figure>
       </template>
+      <div v-if="isCompareModeEnabled && activeTracks.length < 2" class="track-empty | bg-white rounded-xl w-full p-32">
+        <p>Cliquez sur la piste que vous souhaitez comparer</p>
+      </div>
     </div>
   </div>
 </template>