From 253f86a88549f2b5a9c6dae8721510fe16fd84e8 Mon Sep 17 00:00:00 2001
From: Maciej Dobosz <maciej.dobosz@swmansion.com>
Date: Mon, 11 Mar 2024 18:24:59 +0100
Subject: [PATCH] Delay opening welcome video

---
 src/pages/OnboardingPurpose.tsx | 4 +++-
 src/styles/variables.ts         | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/OnboardingPurpose.tsx b/src/pages/OnboardingPurpose.tsx
index 692eed546e83..adedf86b9c29 100644
--- a/src/pages/OnboardingPurpose.tsx
+++ b/src/pages/OnboardingPurpose.tsx
@@ -72,7 +72,9 @@ function OnboardingPurpose() {
             Report.navigateToConciergeChat();
         }
 
-        Navigation.navigate(ROUTES.WELCOME_VIDEO_ROOT);
+        setTimeout(() => {
+            Navigation.navigate(ROUTES.WELCOME_VIDEO_ROOT);
+        }, variables.welcomeVideoDelay);
     }, [isSmallScreenWidth, selectedPurpose]);
 
     const menuItems: MenuItemProps[] = Object.values(CONST.ONBOARDING_CHOICES).map((choice) => {
diff --git a/src/styles/variables.ts b/src/styles/variables.ts
index 7d219470f84c..0ec8aa0232d2 100644
--- a/src/styles/variables.ts
+++ b/src/styles/variables.ts
@@ -201,6 +201,7 @@ export default {
     sectionIllustrationHeight: 220,
     photoUploadPopoverWidth: 335,
     onboardingModalWidth: 500,
+    welcomeVideoDelay: 500,
 
     // The height of the empty list is 14px (2px for borders and 12px for vertical padding)
     // This is calculated based on the values specified in the 'getGoogleListViewStyle' function of the 'StyleUtils' utility