Jetpack Social | Fix admin page connections UI (#34391)

* Fix connection data for admin page * Add changelog
Automattic · Dec 4, 2023 · a37e593 · a37e593
1 parent 793e7ef
commit a37e593
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/projects/plugins/social/changelog/fix-social-admin-page b/projects/plugins/social/changelog/fix-social-admin-page
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Fixed broken connections UI
diff --git a/projects/plugins/social/src/js/components/header/index.js b/projects/plugins/social/src/js/components/header/index.js
@@ -18,6 +18,7 @@ import StatCards from '../stat-cards';
 import styles from './styles.module.scss';
 
 const Header = () => {
+	const connectionData = window.jetpackSocialInitialState.connectionData ?? {};
 	const {
 		connectionsAdminUrl,
 		hasConnections,
@@ -31,8 +32,8 @@ const Header = () => {
 	} = useSelect( select => {
 		const store = select( SOCIAL_STORE_ID );
 		return {
-			connectionsAdminUrl: store.getConnectionsAdminUrl(),
-			hasConnections: store.hasConnections(),
+			connectionsAdminUrl: connectionData.adminUrl,
+			hasConnections: Object.keys( connectionData.connections || {} ).length > 0,
 			hasPaidPlan: select( SOCIAL_STORE_ID ).hasPaidPlan(),
 			isModuleEnabled: store.isModuleEnabled(),
 			isShareLimitEnabled: select( SOCIAL_STORE_ID ).isShareLimitEnabled(),