🐛 Bug fixes in product catalog

app/pages/index.vue

@@ -79,9 +79,8 @@
                 tag="a"
                 :href="product.repo"
                 target="_blank"
-                class="text-black"
               >
-                <n-icon><code-round /></n-icon>
+                <n-icon :component="CodeRound" color="black"></n-icon>
               </n-button>
               <n-button
                 v-if="product.url"
@@ -91,10 +90,17 @@
                 tag="a"
                 :href="product.url"
                 target="_blank"
-                class="text-black"
               >
-                <n-icon><launch-round /></n-icon>
+                <n-icon :component="LaunchRound" color="black"></n-icon>
               </n-button>
+              <nuxt-link
+                v-if="product.hasPage"
+                :to="`/products/${product.stem.split('/').pop()}`"
+              >
+                <n-button circle color="white" size="small">
+                  <n-icon :component="InfoRound" color="black"></n-icon>
+                </n-button>
+              </nuxt-link>
             </div>
 
             <div class="absolute bottom-0 left-0 right-0 p-6">
@@ -171,6 +177,7 @@ import {
   CodeRound,
   ChevronRightOutlined,
   ArrowDownwardOutlined,
+  InfoRound,
 } from "@vicons/material";
 import Typed from "typed.js";
 

app/pages/products/index.vue

@@ -5,7 +5,11 @@
     <nuxt-link
       v-for="product in products"
       :key="product.url"
-      :to="product.url"
+      :to="
+        product.hasPage
+          ? `/products/${product.stem.split('/').pop()}`
+          : product.url
+      "
       class="no-underline block mb-4"
     >
       <n-card hoverable>

app/pages/products/solar-network.vue

@@ -261,7 +261,7 @@
                   target="_blank"
                   class="py-6 font-bold"
                 >
-                  Join TestFlight (iOS)
+                  Join TestFlight (iOS, macOS)
                   <template #icon><n-icon :component="LaunchRound" /></template>
                 </n-button>
                 <n-button
@@ -274,7 +274,7 @@
                   target="_blank"
                   class="py-6 font-bold"
                 >
-                  Direct Download (All)
+                  Direct Download
                   <template #icon
                     ><n-icon :component="CloudDownloadRound"
                   /></template>
@@ -289,7 +289,7 @@
                   target="_blank"
                   class="py-2 font-bold text-primary hover:underline"
                 >
-                  Try Web Version
+                  Open in your Browser
                   <template #icon><n-icon :component="WebRound" /></template>
                 </n-button>
               </div>

content/products/solar-network.json

@@ -3,7 +3,7 @@
   "background": "/solar-network/kp.jpg",
   "name": "Solar Network",
   "description": "The amazing social network for technology, programming, ACG fans.",
-  "url": "https://solsynth.dev/products/solar-network",
+  "url": "https://web.solian.app",
   "repo": "https://github.com/Solsynth/Solian",
   "releasedDate": "2024-01-27T08:00:00.000Z",
   "version": "3.1.0",