From 78a16f6e42252436fb8c12f0575a6b6f1e192305 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 10 Feb 2026 15:56:54 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EB=85=B8=EC=B6=9C=EB=90=98=EB=8A=94=20?=
 =?UTF-8?q?=EB=A7=88=EC=BC=93=20=EB=B2=84=ED=8A=BC=20=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EA=B2=BD=EC=9A=B0=20=EC=98=81=EC=97=AD=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=20=EB=AF=B8=EB=85=B8=EC=B6=9C=EB=90=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/inspection/index.vue | 47 +++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/app/pages/inspection/index.vue b/app/pages/inspection/index.vue
index e809eba..9956afd 100644
--- a/app/pages/inspection/index.vue
+++ b/app/pages/inspection/index.vue
@@ -79,32 +79,33 @@
 
             <!-- 다운로드 카드 -->
             <div
-              v-if="launchingStatus"
+              v-if="launchingStatus && supportedPlatforms.length > 0"
               class="inspection-card inspection-download-card"
             >
               <h3 class="card-title text-base md:text-lg">
                 {{
                   t('Inspection_Txt_Download', {
-                    gameName: gameData?.game_name,
+                    gameName: gameName,
                   })
                 }}
               </h3>
               <div class="flex flex-row gap-3 flex-wrap">
                 <template
-                  v-for="(market, index) in enabledMarkets"
-                  :key="index"
+                  v-for="Platform in supportedPlatforms"
+                  :key="Platform"
                 >
                   <BlocksButtonLauncher
-                    :type="market === 'pc' ? 'default' : 'single'"
+                    :type="Platform === 'pc' ? 'default' : 'single'"
                     variant="outlined"
-                    :platform="market"
+                    :platform="Platform"
                     :class="[
-                      { 'flex-1': market === 'pc' },
-                      { 'flex-1': market !== 'pc' && !device.isDesktop },
+                      { 'flex-1': Platform === 'pc' },
+                      { 'flex-1': Platform !== 'pc' && !device.isDesktop },
+                      { 'no-text': !getButtonText(Platform) },
                       'size-extra-small md:size-small',
                     ]"
                   >
-                    {{ getButtonText(market) }}
+                    {{ getButtonText(Platform) }}
                   </BlocksButtonLauncher>
                 </template>
               </div>
@@ -119,7 +120,7 @@
 <script setup lang="ts">
 import { globalDateFormat } from '@seed-next/date'
 import AtomsIconsPlayRoundFill from '#layers/components/atoms/icons/PlayRoundFill.vue'
-import type { Platform } from '#layers/types/components/button'
+import type { PlatformTransformType } from '#layers/types/api/gameData'
 
 const config = useRuntimeConfig()
 const stoveApiUrl = config.public.stoveApiUrl as string
@@ -142,10 +143,10 @@ const loadingStore = useLoadingStore()
 const { webInspectionData, getInspectionDataExternal } =
   useGetInspectionDataExternal()
 const gameDataStore = useGameDataStore()
-const { gameData } = storeToRefs(gameDataStore)
+const { gameId, gameName, platformType, osType } = storeToRefs(gameDataStore)
 await getInspectionDataExternal({
   baseApiUrl: stoveApiUrl,
-  gameId: gameData.value.game_id,
+  gameId: gameId.value,
 })
 
 // locale에 따라 뒤에 KST 또는 UTC 추가 ko, en, zh-tw, ja
@@ -183,25 +184,23 @@ const launchingStatus = computed(() => {
   return webInspectionData.value?.launching_status
 })
 
-const enabledMarkets = computed(() => {
-  const markets = getSupportedPlatforms(
-    gameData.value.platform_type,
-    gameData.value.os_type
-  ) as Platform[]
-
-  if (device.isMobile) {
-    // markets에 pc가 있다면 지우기
-    markets.splice(markets.indexOf('pc'), 1)
+const supportedPlatforms = computed(() => {
+  const platforms = getSupportedPlatforms(
+    platformType.value,
+    osType.value
+  ) as PlatformTransformType[]
 
+  if (!device.isDesktop) {
+    platforms.splice(platforms.indexOf('pc'), 1)
     if (device.isAndroid) {
-      markets.splice(markets.indexOf('app_store'), 1)
+      platforms.splice(platforms.indexOf('app_store'), 1)
     }
     if (device.isApple) {
-      markets.splice(markets.indexOf('google_play'), 1)
+      platforms.splice(platforms.indexOf('google_play'), 1)
     }
   }
 
-  return markets
+  return platforms
 })
 
 const logoImgUrl = computed(() => {