From b4673712e1a6a5b435125004a9b51498207fb7b6 Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Thu, 3 Aug 2023 23:12:50 -0700
Subject: fix: :bug: fix 404 from undefined gif

---
 extension/react-app/src/components/Onboarding.tsx | 47 ++++++++++++-----------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/extension/react-app/src/components/Onboarding.tsx b/extension/react-app/src/components/Onboarding.tsx
index dd93df26..588f7298 100644
--- a/extension/react-app/src/components/Onboarding.tsx
+++ b/extension/react-app/src/components/Onboarding.tsx
@@ -71,29 +71,30 @@ const Onboarding = () => {
               <Loader />
             </div>
           )}
-          {counter % 2 === 0 ? (
-            <img
-              src={`https://github.com/continuedev/continue/blob/main/media/${gifs[counter]}.gif?raw=true`}
-              width="100%"
-              key={"even-gif"}
-              alt={topMessages[counter]}
-              onLoad={() => {
-                setLoading(false);
-              }}
-              style={{ zIndex: 1 }}
-            />
-          ) : (
-            <img
-              src={`https://github.com/continuedev/continue/blob/main/media/${gifs[counter]}.gif?raw=true`}
-              width="100%"
-              key={"odd-gif"}
-              alt={topMessages[counter]}
-              onLoad={() => {
-                setLoading(false);
-              }}
-              style={{ zIndex: 1 }}
-            />
-          )}
+          {counter < 4 &&
+            (counter % 2 === 0 ? (
+              <img
+                src={`https://github.com/continuedev/continue/blob/main/media/${gifs[counter]}.gif?raw=true`}
+                width="100%"
+                key={"even-gif"}
+                alt={topMessages[counter]}
+                onLoad={() => {
+                  setLoading(false);
+                }}
+                style={{ zIndex: 1 }}
+              />
+            ) : (
+              <img
+                src={`https://github.com/continuedev/continue/blob/main/media/${gifs[counter]}.gif?raw=true`}
+                width="100%"
+                key={"odd-gif"}
+                alt={topMessages[counter]}
+                onLoad={() => {
+                  setLoading(false);
+                }}
+                style={{ zIndex: 1 }}
+              />
+            ))}
         </div>
         <p
           style={{
-- 
cgit v1.2.3-70-g09d2