Avoid flickering effect when Payouts is loading but notice is dismissed.

Automattic · Nov 6, 2024 · 76e9556 · 76e9556
1 parent f8f32c3
commit 76e9556
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/client/deposits/rename-notice/index.tsx b/client/deposits/rename-notice/index.tsx
@@ -10,13 +10,14 @@ import { createInterpolateElement } from '@wordpress/element';
 /**
  * Internal dependencies
  */
+import { useDeposits } from 'wcpay/data';
 import './style.scss';
 
 export const PayoutsRenameNotice = () => {
 	const isPayoutsRenameNoticeDismissed =
 		wcpaySettings.isPayoutsRenameNoticeDismissed;
 	const { updateOptions } = useDispatch( 'wc/admin/options' );
-	const [ showTour, setShowTour ] = useState( true );
+	const [ showTour, setShowTour ] = useState( false );
 
 	const onClose = () => {
 		updateOptions( {
@@ -27,7 +28,9 @@ export const PayoutsRenameNotice = () => {
 	};
 
 	useEffect( () => {
-		setShowTour( ! isPayoutsRenameNoticeDismissed );
+		if ( ! isPayoutsRenameNoticeDismissed ) {
+			setShowTour( true );
+		}
 	}, [ isPayoutsRenameNoticeDismissed ] );
 
 	if ( ! showTour ) return null;