From 3cbc8f67bd4e065ace4bd30053704671193100ae Mon Sep 17 00:00:00 2001
From: Mike Surowiec <mikesurowiec@users.noreply.github.com>
Date: Fri, 11 Jun 2021 12:15:27 -0700
Subject: [PATCH] Random fixes (#19867)

* fix introLinks rendering to show primary button

* fix LearningTrack text overflow issue
---
 components/landing/LandingHero.tsx      | 45 +++++++------------------
 components/sublanding/LearningTrack.tsx |  2 +-
 2 files changed, 13 insertions(+), 34 deletions(-)

diff --git a/components/landing/LandingHero.tsx b/components/landing/LandingHero.tsx
index 56f0299cee..ef169f6752 100644
--- a/components/landing/LandingHero.tsx
+++ b/components/landing/LandingHero.tsx
@@ -33,44 +33,23 @@ export const LandingHero = () => {
           dangerouslySetInnerHTML={{ __html: intro }}
         />
 
-        {/* idea to abstract the introLinks into something more component-like */}
-        {/* {introLinks.map((link) => {
+        {introLinks &&
+          Object.entries(introLinks).filter(([key, link])=> {
+            return link && !key.includes('raw')
+          }).map(([key, link], i) => {
+            if (!link) {
+              return null
+            }
             return (
               <FullLink
-                href={link.href}
-                className={cx(
-                  'btn-mktg btn-large f4 mt-3 mr-3',
-                  link.secondary && 'btn-outline-mktg'
-                )}
+                key={link}
+                href={link}
+                className={cx('btn-mktg bt-large f4 mt-3 mr-3', i !== 0 && 'btn-outline-mktg')}
               >
-                {t(link.translationKeyLabel)}
+                {t(key)}
               </FullLink>
             )
-          })} */}
-
-        {introLinks?.quickstart && (
-          <FullLink href={introLinks.quickstart} className="btn-mktg btn-large f4 mt-3 mr-3">
-            {t('quickstart')}
-          </FullLink>
-        )}
-
-        {introLinks?.reference && (
-          <FullLink
-            href={introLinks.reference}
-            className="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3"
-          >
-            {t('reference')}
-          </FullLink>
-        )}
-
-        {introLinks?.overview && (
-          <FullLink
-            href={introLinks.overview}
-            className="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3"
-          >
-            {t('overview')}
-          </FullLink>
-        )}
+          })}
       </div>
 
       {product_video && (
diff --git a/components/sublanding/LearningTrack.tsx b/components/sublanding/LearningTrack.tsx
index c1c59f59a4..5341ca0c86 100644
--- a/components/sublanding/LearningTrack.tsx
+++ b/components/sublanding/LearningTrack.tsx
@@ -52,7 +52,7 @@ export const LearningTrack = ({ track }: Props) => {
                 )}
               </div>
               <h5 className="flex-auto pr-2">{guide.title}</h5>
-              <div className="color-text-tertiary h6 text-uppercase">
+              <div className="color-text-tertiary h6 text-uppercase flex-shrink-0">
                 {t('guide_types')[guide.page.type]}
               </div>
             </a>