From 049abd8dd2325fd7c3c4cec906899a3e346080c3 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Fri, 20 Jan 2023 15:45:02 +0100
Subject: [PATCH] feat(apps): dim vue version

---
 .../app-frontend/src/features/apps/AppSelect.vue     |  1 +
 .../app-frontend/src/features/apps/AppSelectItem.vue | 12 +++++++++++-
 .../src/features/apps/AppSelectPaneItem.vue          |  7 ++++++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/app-frontend/src/features/apps/AppSelect.vue b/packages/app-frontend/src/features/apps/AppSelect.vue
index da58adf7c..72b255dfe 100644
--- a/packages/app-frontend/src/features/apps/AppSelect.vue
+++ b/packages/app-frontend/src/features/apps/AppSelect.vue
@@ -118,6 +118,7 @@ export default defineComponent({
     <template #default="{ item }">
       <AppSelectItem
         :app="item"
+        :selected="currentApp === item"
       />
     </template>
 
diff --git a/packages/app-frontend/src/features/apps/AppSelectItem.vue b/packages/app-frontend/src/features/apps/AppSelectItem.vue
index a264fcc1c..62c559742 100644
--- a/packages/app-frontend/src/features/apps/AppSelectItem.vue
+++ b/packages/app-frontend/src/features/apps/AppSelectItem.vue
@@ -8,6 +8,11 @@ export default defineComponent({
       type: Object,
       required: true,
     },
+
+    selected: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   setup (props) {
@@ -27,7 +32,12 @@ export default defineComponent({
   <div class="leading-tight">
     <div class="app-button flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"
diff --git a/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue b/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue
index 22f7b0f53..07a18a3e9 100644
--- a/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue
+++ b/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue
@@ -39,7 +39,12 @@ export default defineComponent({
   >
     <div class="flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"