Merge pull request #599 from newfold-labs/fix/coming-soon

Launch Button | Calling comingSoonAdminbarToggle on update of comingsoon state
newfold-labs · Jun 26, 2024 · 3d9e9d1 · 3d9e9d1
2 parents b92a2f4 + ae1e2cb
commit 3d9e9d1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/app/pages/ecommerce/page.js b/src/app/pages/ecommerce/page.js
@@ -6,6 +6,7 @@ import AppStore from '../../data/store';
 import { useContext } from '@wordpress/element';
 import { hostgatorSettingsApiFetch } from '../../util/helpers';
 import '@newfold-labs/wp-module-ecommerce/hostgator.css';
+import { comingSoonAdminbarToggle } from '../../util/helpers';
 
 const EcomerceStore = () => {
 	const { store, setStore } = useContext( AppStore );
@@ -30,8 +31,10 @@ const EcomerceStore = () => {
 			hostgatorSettingsApiFetch(
 				{ comingSoon: ! store.comingSoon },
 				console.error,
-				( response ) =>
-					setStore( { ...store, comingSoon: ! store.comingSoon } )
+				( response ) => {
+					setStore( { ...store, comingSoon: ! store.comingSoon } );
+					comingSoonAdminbarToggle( ! store.comingSoon );
+				}
 			),
 	};
 	return (

diff --git a/src/app/pages/home/welcomeSection.js b/src/app/pages/home/welcomeSection.js
@@ -1,8 +1,10 @@
+import { useUpdateEffect } from 'react-use';
 import { OnboardingScreen } from '@newfold-labs/wp-module-ecommerce';
 import { useNotification } from 'App/components/notifications';
 import AppStore from '../../data/store';
 import { useContext } from '@wordpress/element';
 import { hostgatorSettingsApiFetch } from '../../util/helpers';
+import { comingSoonAdminbarToggle } from '../../util/helpers';
 
 const WelcomeSection = () => {
 	const { store, setStore } = useContext( AppStore );
@@ -14,6 +16,10 @@ const WelcomeSection = () => {
 			() => setStore( { ...store, comingSoon: ! store.comingSoon } )
 		);
 
+	useUpdateEffect( () => {
+		comingSoonAdminbarToggle( store.comingSoon );
+	}, [ store.comingSoon ] );
+
 	return (
 		<OnboardingScreen
 			comingSoon={ store.comingSoon }