From 3f80d6d5917a25ca737c1072991a9dabab6a996c Mon Sep 17 00:00:00 2001 From: tienifr Date: Mon, 18 Mar 2024 16:37:25 +0700 Subject: [PATCH 1/3] fix: status bar color not correct on deeplink --- src/components/CustomStatusBarAndBackground/index.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/CustomStatusBarAndBackground/index.tsx b/src/components/CustomStatusBarAndBackground/index.tsx index 356fbd3726a3..c59ffeed1645 100644 --- a/src/components/CustomStatusBarAndBackground/index.tsx +++ b/src/components/CustomStatusBarAndBackground/index.tsx @@ -114,6 +114,10 @@ function CustomStatusBarAndBackground({isNested = false}: CustomStatusBarAndBack [prevIsRootStatusBarEnabled, isRootStatusBarEnabled, statusBarAnimation, statusBarStyle, theme.PAGE_THEMES, theme.appBG, theme.statusBarStyle], ); + useEffect(() => { + updateStatusBarAppearance({backgroundColor: theme.appBG}); + }, []); + useEffect(() => { didForceUpdateStatusBarRef.current = false; }, [isRootStatusBarEnabled]); From b89a11c797f5e0fb750d1149de29fb7db7eb0281 Mon Sep 17 00:00:00 2001 From: tienifr Date: Mon, 18 Mar 2024 16:48:36 +0700 Subject: [PATCH 2/3] fix lint --- src/components/CustomStatusBarAndBackground/index.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/CustomStatusBarAndBackground/index.tsx b/src/components/CustomStatusBarAndBackground/index.tsx index c59ffeed1645..c2860320551b 100644 --- a/src/components/CustomStatusBarAndBackground/index.tsx +++ b/src/components/CustomStatusBarAndBackground/index.tsx @@ -116,6 +116,7 @@ function CustomStatusBarAndBackground({isNested = false}: CustomStatusBarAndBack useEffect(() => { updateStatusBarAppearance({backgroundColor: theme.appBG}); + //eslint-disable-next-line react-hooks/exhaustive-deps we only want this to run on first render }, []); useEffect(() => { From 864d7d81b5de30f46090a374ad60f07c7e75bfb5 Mon Sep 17 00:00:00 2001 From: tienifr Date: Mon, 18 Mar 2024 16:59:21 +0700 Subject: [PATCH 3/3] fix lint --- src/components/CustomStatusBarAndBackground/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/CustomStatusBarAndBackground/index.tsx b/src/components/CustomStatusBarAndBackground/index.tsx index c2860320551b..524c8a3903e0 100644 --- a/src/components/CustomStatusBarAndBackground/index.tsx +++ b/src/components/CustomStatusBarAndBackground/index.tsx @@ -116,7 +116,7 @@ function CustomStatusBarAndBackground({isNested = false}: CustomStatusBarAndBack useEffect(() => { updateStatusBarAppearance({backgroundColor: theme.appBG}); - //eslint-disable-next-line react-hooks/exhaustive-deps we only want this to run on first render + // eslint-disable-next-line react-hooks/exhaustive-deps -- we only want this to run on first render }, []); useEffect(() => {