fix: multiple compatible downloads showing as radio button (#7050)

apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue

@@ -82,10 +82,8 @@
 
 	<div
 		v-if="selectedVersion && downloadDataLoaded"
-		:role="compatibleVersions.length > 1 ? 'radiogroup' : undefined"
+		:role="showVersionSelector ? 'radiogroup' : undefined"
-		:aria-label="
+		:aria-label="showVersionSelector ? formatMessage(messages.compatibleVersionTitle) : undefined"
-			compatibleVersions.length > 1 ? formatMessage(messages.compatibleVersionTitle) : undefined
-		"
 		class="flex flex-col gap-2.5"
 	>
 		<h3
@@ -102,26 +100,12 @@
 			:download-reason="downloadReason"
 			:current-game-version="currentGameVersion"
 			:current-platform="currentPlatform"
-			:selectable="compatibleVersions.length > 1"
+			:selectable="showVersionSelector"
 			:selected="compatibleVersion.id === selectedVersion.id"
-			:show-download="
+			:show-download="!showVersionSelector || compatibleVersion.id === selectedVersion.id"
-				compatibleVersions.length === 1 || compatibleVersion.id === selectedVersion.id
+			:color="isPrimaryDownloadVersion(compatibleVersion) ? 'brand' : 'standard'"
-			"
+			:type="isPrimaryDownloadVersion(compatibleVersion) ? 'standard' : 'transparent'"
-			:color="
+			:circular="!isPrimaryDownloadVersion(compatibleVersion)"
-				compatibleVersion.id === selectedVersion.id &&
-				compatibleVersions.length === 1 &&
-				!hasAdditionalDownloads
-					? 'brand'
-					: 'standard'
-			"
-			:type="
-				compatibleVersion.id === selectedVersion.id &&
-				compatibleVersions.length === 1 &&
-				!hasAdditionalDownloads
-					? 'standard'
-					: 'transparent'
-			"
-			:circular="hasAdditionalDownloads || compatibleVersions.length > 1"
 			@select="selectCompatibleVersion(compatibleVersion)"
 			@download="emit('download')"
 		/>
@@ -494,6 +478,10 @@ const hasAdditionalDownloads = computed(() => {
 	return hrefs.size > 1
 })
 
+const showVersionSelector = computed(
+	() => hasAdditionalDownloads.value && compatibleVersions.value.length > 1,
+)
+
 watch(
 	[currentGameVersion, currentPlatform, selectedVersion, selectedPrimaryFile],
 	() => {
@@ -539,6 +527,10 @@ function selectCompatibleVersion(version: Labrinth.Versions.v3.Version) {
 	userSelectedCompatibleVersionId.value = version.id
 }
 
+function isPrimaryDownloadVersion(version: Labrinth.Versions.v3.Version) {
+	return !hasAdditionalDownloads.value && version.id === defaultSelectedVersion.value?.id
+}
+
 function latestVersionByType(type: Labrinth.Versions.v3.VersionChannel) {
 	return filteredVersions.value
 		.filter((version) => version.version_type === type)