Added Notifications

resources/js/Components/FlightsGoneBy/AchievementCard.vue

@@ -1,13 +1,15 @@
 <!-- AchievementCard.vue -->
 <script setup lang="ts">
-import {Achievement, BadgeVariant, UserAchievement} from "@/Types/types";
+import {Achievement, BadgeVariant, User, UserAchievement} from "@/Types/types";
 import {computed} from "vue";
 import InlineBadge from "@/Components/FlightsGoneBy/InlineBadge.vue";
 import GlassTooltip from "@/Components/FlightsGoneBy/GlassTooltip.vue";
+import {Link} from '@inertiajs/vue3'
 
 const props = defineProps<{
     achievement: Achievement
     userAchievement?: UserAchievement
+    user?: User
 }>()
 
 const progress = computed(() => {
@@ -83,6 +85,9 @@ const difficultyVariant = computed(() => {
                     </div>
 
                     <p class="achievement-description">{{ achievement.short_description }}</p>
+                    <Link v-if="achievement.has_page && user" :href="route('profile.achievement', { user: user.name, achievement: achievement.internal_name })">
+                        View Details
+                    </Link>
 
                     <template v-if="achievement.progressive && progress">
                         <div class="progress-label">