platform links

apps/frontend/src/i18n/locales/en.ts

@@ -146,6 +146,7 @@ export default {
     play: 'Play',
     downloads: 'downloads',
     links: 'Links',
+    platformLinks: 'Platform Links',
     assetsTitle: 'Downloads',
     assetDownload: 'Download',
     assetOpen: 'Open',

apps/frontend/src/i18n/locales/hu.ts

@@ -146,6 +146,7 @@ export default {
     play: '▶ Játék',
     downloads: 'letöltés',
     links: 'Linkek',
+    platformLinks: 'Platform linkek',
     assetsTitle: 'Letöltések',
     assetDownload: 'Letöltés',
     assetOpen: 'Megnyitás',

apps/frontend/src/lib/interfaces/software.interface.ts

@@ -20,6 +20,11 @@ export interface SoftwareImage {
   position: number
 }
 
+export interface PlatformLink {
+  name: string
+  url: string
+}
+
 export interface Software {
   name: string
   title: string
@@ -30,6 +35,7 @@ export interface Software {
   license?: string
   story?: string
   externalLinks?: { label: string; url: string }[]
+  platformLinks?: PlatformLink[]
   imageUrl?: string | null
   images?: SoftwareImage[]
 }

apps/frontend/src/page/catalog/CatalogShowPage.vue

@@ -70,6 +70,14 @@
                   </a>
                 </dd>
               </div>
+              <div v-if="software.platformLinks?.length">
+                <dt class="catalog-info-label">{{ t('catalogShow.platformLinks') }}</dt>
+                <dd class="flex flex-col gap-1.5">
+                  <a v-for="pl in software.platformLinks" :key="pl.url" :href="pl.url" target="_blank" class="catalog-external-link">
+                    {{ pl.name }} <i class="fa-solid fa-up-right-from-square text-xs"></i>
+                  </a>
+                </dd>
+              </div>
             </dl>
           </div>
         </div>