From d3f31ad29a82a02e57122dc77064998359499672 Mon Sep 17 00:00:00 2001
From: Sam Richard <samrichard@google.com>
Date: Tue, 3 Sep 2024 13:09:48 -0400
Subject: [PATCH 1/2] Fix step reinforcements and content overflow

---
 site/src/layouts/views/Tutorial.astro | 35 +++++++++++++++++++--------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/site/src/layouts/views/Tutorial.astro b/site/src/layouts/views/Tutorial.astro
index d7fad2fd..97d9c69d 100644
--- a/site/src/layouts/views/Tutorial.astro
+++ b/site/src/layouts/views/Tutorial.astro
@@ -104,6 +104,8 @@ if (!isNaN(task)) {
 
 // console.log(tutorial.tasks[task]);
 
+console.log(outro);
+
 let title;
 let eyebrow;
 if (intro) {
@@ -203,16 +205,28 @@ if (intro) {
               client:only="svelte"
             />
             <ul class="reinforcements">
-              {tutorial.outro.next.steps.map((g, i) => (
-                <Reinforcement
-                  tutorial={slugify(tutorial.title)}
-                  task={slugify(tutorial.tasks[task].title)}
-                  step={i}
-                  client:load
-                >
-                  <Text body={g} inline={true} wrapped={false} />
-                </Reinforcement>
-              ))}
+              {tutorial?.tasks[task]?.reinforcement &&
+                tutorial?.tasks[task]?.reinforcement.map((g, i) => (
+                  <Reinforcement
+                    tutorial={slugify(tutorial.title)}
+                    task={slugify(tutorial.tasks[task].title)}
+                    step={i}
+                    client:load
+                  >
+                    <Text body={g} inline={true} wrapped={false} />
+                  </Reinforcement>
+                ))}
+              {outro &&
+                tutorial.outro.next.steps.map((g, i) => (
+                  <Reinforcement
+                    tutorial={slugify(tutorial.title)}
+                    task={slugify(tutorial.tasks[task].title)}
+                    step={i}
+                    client:load
+                  >
+                    <Text body={g} inline={true} wrapped={false} />
+                  </Reinforcement>
+                ))}
             </ul>
           </section>
         </>
@@ -397,6 +411,7 @@ if (intro) {
     display: flex;
     flex-direction: column;
     gap: 2rem;
+    overflow-x: hidden;
   }
 
   .pagination {

From d2c0dc9671cd84b642cb642a38537779a42ce168 Mon Sep 17 00:00:00 2001
From: Sam Richard <samrichard@google.com>
Date: Tue, 3 Sep 2024 13:26:24 -0400
Subject: [PATCH 2/2] Swap to clip

---
 site/src/layouts/views/Tutorial.astro | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/site/src/layouts/views/Tutorial.astro b/site/src/layouts/views/Tutorial.astro
index 97d9c69d..b576d69d 100644
--- a/site/src/layouts/views/Tutorial.astro
+++ b/site/src/layouts/views/Tutorial.astro
@@ -104,8 +104,6 @@ if (!isNaN(task)) {
 
 // console.log(tutorial.tasks[task]);
 
-console.log(outro);
-
 let title;
 let eyebrow;
 if (intro) {
@@ -411,7 +409,7 @@ if (intro) {
     display: flex;
     flex-direction: column;
     gap: 2rem;
-    overflow-x: hidden;
+    overflow-x: clip;
   }
 
   .pagination {