diff options
author | Nate Sesti <sestinj@gmail.com> | 2023-08-03 23:12:50 -0700 |
---|---|---|
committer | Nate Sesti <sestinj@gmail.com> | 2023-08-03 23:12:50 -0700 |
commit | b4673712e1a6a5b435125004a9b51498207fb7b6 (patch) | |
tree | 8a63b0b1c8bafec37f2d095ec2aedd31ee6d0187 | |
parent | 04b1fde6ea77e7698870063c3f588da93d763544 (diff) | |
download | sncontinue-b4673712e1a6a5b435125004a9b51498207fb7b6.tar.gz sncontinue-b4673712e1a6a5b435125004a9b51498207fb7b6.tar.bz2 sncontinue-b4673712e1a6a5b435125004a9b51498207fb7b6.zip |
fix: :bug: fix 404 from undefined gif
-rw-r--r-- | extension/react-app/src/components/Onboarding.tsx | 47 |
1 files 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={{ |