From 176a101892a19265e27ba443439236584c6c0021 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Tue, 23 Mar 2021 10:49:14 -0500
Subject: [PATCH] Maintain label when first link is app test

---
 pages-eleventy/app.11ty.js | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/pages-eleventy/app.11ty.js b/pages-eleventy/app.11ty.js
index 7f61b3e..5e4c818 100644
--- a/pages-eleventy/app.11ty.js
+++ b/pages-eleventy/app.11ty.js
@@ -22,6 +22,25 @@ export const makeDescription = function ( app ) {
     return `Latest reported support status of ${ app.name } on Apple Silicon and Apple M1 Processors.`
 }
 
+export function renderPageLinksHtml ( links ) {
+    return links.map( (link, i) => {
+
+        const notAppTestLink = !link.label.includes('🧪')
+
+        const isMainLink = (i === 0) && notAppTestLink
+
+        return /* html */`
+            <a
+                class="relative inline-flex items-center rounded-md px-4 py-2 leading-5 font-bold text-white border border-transparent focus:outline-none focus:border-indigo-600 neumorphic-shadow focus:shadow-outline-indigo bg-darker hover:bg-indigo-400 active:bg-indigo-600 transition duration-150 ease-in-out"
+                href="${link.href}"
+                target="_blank"
+                rel="noopener"
+                role="button"
+            >${ isMainLink ? 'View' : link.label }</a>
+        `
+    } ).join('')
+}
+
 export class AppTemplate {
     // or `async data() {`
     // or `get data() {`
@@ -71,17 +90,7 @@ export class AppTemplate {
 
         const lastUpdatedFriendly = makeLastUpdatedFriendly( app.lastUpdated )
 
-        const relatedLinksHtml = app.relatedLinks.map( (link, i) => {
-            return /* html */`
-                <a
-                    class="relative inline-flex items-center rounded-md px-4 py-2 leading-5 font-bold text-white border border-transparent focus:outline-none focus:border-indigo-600 neumorphic-shadow focus:shadow-outline-indigo bg-darker hover:bg-indigo-400 active:bg-indigo-600 transition duration-150 ease-in-out"
-                    href="${link.href}"
-                    target="_blank"
-                    rel="noopener"
-                    role="button"
-                >${ (i === 0) ? 'View' : link.label }</a>
-            `
-        } ).join('')
+        const relatedLinksHtml = renderPageLinksHtml( app.relatedLinks )
 
         return /* html */`
             <section class="container py-32">