Social: Hide share status when no connection is enabled (#39120)

* Create usePostPrePublishValue hook

* Extract re-usable test logic to common utilities

* Add tests for usePostPrePublishValue

* Add changelog

* Make CI happy

* Social: Hide share status when no connection is enabled

projects/js-packages/publicize-components/changelog/fix-social-hide-share-status-when-no-connection-is-on

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Fixed share status being shown even if no connection is enabled

projects/js-packages/publicize-components/src/components/post-publish-share-status/index.tsx

@@ -2,6 +2,7 @@ import { useSelect } from '@wordpress/data';
 import { PluginPostPublishPanel } from '@wordpress/edit-post';
 import { store as editorStore } from '@wordpress/editor';
 import { usePostMeta } from '../../hooks/use-post-meta';
+import { usePostPrePublishValue } from '../../hooks/use-post-pre-publish-value';
 import { store as socialStore } from '../../social-store';
 import { ShareStatus } from './share-status';
 
@@ -11,7 +12,7 @@ import { ShareStatus } from './share-status';
  * @return {import('react').ReactNode} - Post publish share status component.
  */
 export function PostPublishShareStatus() {
-	const { isPublicizeEnabled: willPostBeShared } = usePostMeta();
+	const { isPublicizeEnabled } = usePostMeta();
 	const { featureFlags, postId, isPostPublised } = useSelect( select => {
 		const store = select( socialStore );
 
@@ -25,6 +26,12 @@ export function PostPublishShareStatus() {
 		};
 	}, [] );
 
+	const enabledConnections = usePostPrePublishValue(
+		useSelect( select => select( socialStore ).getEnabledConnections(), [] )
+	);
+
+	const willPostBeShared = isPublicizeEnabled && enabledConnections.length > 0;
+
 	if ( ! featureFlags.useShareStatus || ! willPostBeShared || ! isPostPublised ) {
 		return null;
 	}