From 016b49b94d780fcb55a3c0e7205fe1d70410c2e3 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 8 Apr 2021 10:50:04 +0200
Subject: [PATCH] turn highquality badge into a star

---
 app/src/views/app/AppCatalog.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/src/views/app/AppCatalog.vue b/app/src/views/app/AppCatalog.vue
index 31ebf917..227c035d 100644
--- a/app/src/views/app/AppCatalog.vue
+++ b/app/src/views/app/AppCatalog.vue
@@ -66,15 +66,20 @@
     <b-card-group v-else deck>
       <b-card no-body v-for="app in filteredApps" :key="app.id">
         <b-card-body class="d-flex flex-column">
-          <b-card-title class="d-flex">
+          <b-card-title class="d-flex mb-2">
             {{ app.manifest.name }}
-            <small v-if="app.state !== 'working'" class="ml-2">
+            <small v-if="app.state !== 'working'" class="d-flex align-items-center ml-2">
               <b-badge
+                v-if="app.state !== 'highquality'"
                 :variant="(app.color === 'danger' && app.state === 'lowquality') ? 'warning' : app.color"
                 v-b-popover.hover.bottom="$t(`app_state_${app.state}_explanation`)"
               >
                 {{ $t('app_state_' + app.state) }}
               </b-badge>
+              <icon
+                v-else iname="star" class="star"
+                v-b-popover.hover.bottom="$t(`app_state_${app.state}_explanation`)"
+              />
             </small>
           </b-card-title>
 
@@ -268,7 +273,7 @@ export default {
       } else {
         filters.isDecentQuality = true
       }
-      if (app.high_quality && app.level > 7) {
+      if (app.level >= 8) {
         filters.state = 'highquality'
         filters.isHighQuality = true
       }
@@ -276,8 +281,7 @@ export default {
     },
 
     formatColor (app) {
-      if (app.isHighQuality) return 'best'
-      if (app.isDecentQuality) return 'success'
+      if (app.isDecentQuality || app.isHighQuality) return 'success'
       if (app.isWorking) return 'warning'
       return 'danger'
     },
@@ -389,6 +393,10 @@ export default {
     .alert-warning {
       font-size: .75em;
     }
+
+    .star {
+      color: goldenrod;
+    }
   }
 
   .category-card {