Added Notifications

resources/js/Components/FlightsGoneBy/AchievementCard.vue

@@ -42,18 +42,6 @@ const unlocked = computed(() => {
     return true
 })
 
-const difficultyVariant = computed(() => {
-    switch (props.achievement.difficulty?.internal_name) {
-        case 'easy':          return 'easy'
-        case 'moderate':      return 'moderate'
-        case 'hard':          return 'hard'
-        case 'expensive':     return 'expensive'
-        case 'near_impossible': return 'near-impossible'
-        case 'impossible':    return 'impossible'
-        default:              return 'economy'
-    }
-})
-
 </script>
 
 <template>
@@ -79,7 +67,7 @@ const difficultyVariant = computed(() => {
                         <GlassTooltip>
                             <template #activator="{ props: tooltipProps }">
                                 <span v-bind="tooltipProps" style="display:inline-flex">
-                                    <InlineBadge type="difficulty" :variant="difficultyVariant">
+                                    <InlineBadge type="difficulty" :variant="props.achievement.difficulty.internal_name">
                                         {{ achievement.difficulty?.name }}&nbsp;
                                         <v-icon icon="mdi-help-circle-outline" size="12" />
                                     </InlineBadge>
@@ -87,7 +75,7 @@ const difficultyVariant = computed(() => {
                             </template>
 
                             <div class="difficulty-tooltip">
-                                <InlineBadge type="difficulty" :variant="difficultyVariant">
+                                <InlineBadge type="difficulty" :variant="props.achievement.difficulty.internal_name">
                                     {{ achievement.difficulty?.name }}
                                 </InlineBadge>
                                 <p class="difficulty-description">{{ achievement.difficulty?.description }}</p>