From 42f2fc3bec2b962eae4ada9aca8f22b72eae8a98 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Fri, 3 Jul 2026 12:01:59 -0700
Subject: [PATCH] feat: add warning icon for incompatible selection

---
 .../ui/ProjectDownloadModal/DownloadProject.vue    | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
index 46ead7e848..3c211992aa 100644
--- a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
+++ b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
@@ -23,10 +23,16 @@
 					:class="{
 						'text-brand-red opacity-40': isGameVersionUnavailable(item.value),
 						'text-green': isSelected,
+						'!opacity-100': isSelected,
 						'text-primary': !isGameVersionUnavailable(item.value) && !isSelected,
 					}"
 				>
 					<span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span>
+					<TriangleAlertIcon
+						v-if="isSelected && isGameVersionUnavailable(item.value)"
+						aria-hidden="true"
+						class="size-5 shrink-0 text-orange"
+					/>
 				</div>
 			</template>
 			<template #dropdown-footer>
@@ -59,10 +65,16 @@
 					:class="{
 						'text-brand-red opacity-40': isPlatformUnavailable(item.value),
 						'text-green': isSelected,
+						'!opacity-100': isSelected,
 						'text-primary': !isPlatformUnavailable(item.value) && !isSelected,
 					}"
 				>
 					<span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span>
+					<TriangleAlertIcon
+						v-if="isSelected && isPlatformUnavailable(item.value)"
+						aria-hidden="true"
+						class="size-5 shrink-0 text-orange"
+					/>
 				</div>
 			</template>
 		</Combobox>
@@ -126,7 +138,7 @@
 
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { DownloadIcon } from '@modrinth/assets'
+import { DownloadIcon, TriangleAlertIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
 	type CdnDownloadReason,