Open sidebar fix

CastosHQ · Oct 16, 2024 · afb02a8 · afb02a8
1 parent 2c04d20
commit afb02a8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/assets/admin/css/admin.css b/assets/admin/css/admin.css
@@ -1131,7 +1131,7 @@ textarea#episode_embed_code {
     .ssp-post-publish__btn a:hover {
       background: #eff0f0; }
 
-#ssp-episode-meta-sidebar\:ssp-sidebar .interface-complementary-area-header__title {
+#ssp-episode-meta-sidebar\:ssp-episode-meta-sidebar .interface-complementary-area-header__title {
   font-size: 12px; }
 
 .ssp-episode-meta-sidebar .ssp-accordion, .ssp-sidebar-panel .ssp-accordion {

diff --git a/assets/admin/scss/_episode-meta-sidebar.scss b/assets/admin/scss/_episode-meta-sidebar.scss
@@ -1,4 +1,4 @@
-#ssp-episode-meta-sidebar\:ssp-sidebar {
+#ssp-episode-meta-sidebar\:ssp-episode-meta-sidebar {
 	.interface-complementary-area-header__title {
 		font-size: 12px;
 	}

diff --git a/src/components/EpisodeMetaSidebar.js b/src/components/EpisodeMetaSidebar.js
@@ -146,7 +146,7 @@ const EpisodeMetaSidebar = () => {
 
 	return (
 		<PluginSidebar
-			name="ssp-sidebar"
+			name="ssp-episode-meta-sidebar"
 			title={ __('Seriously Simple Podcasting') }
 			className="ssp-episode-meta-sidebar"
 			icon={ <img src={ SSPIcon } className="ssp-open" alt="SSP Icon"/> }

diff --git a/src/components/SSPSidebarPanel.js b/src/components/SSPSidebarPanel.js
@@ -1,11 +1,11 @@
 import { PluginPostStatusInfo } from '@wordpress/edit-post';
-import { useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import classnames from 'classnames';
 import { useState } from '@wordpress/element';
 import { Button } from '@wordpress/components';
 import FileIsUploadedSvg from '../img/file-is-uploaded.svg';
 import FileNotUploadedSvg from '../img/file-not-uploaded.svg';
+import { useDispatch, useSelect } from '@wordpress/data';
 
 const SSPSidebarPanel = () => {
 	const editor = useSelect(( select ) => select('core/editor'));
@@ -17,6 +17,12 @@ const SSPSidebarPanel = () => {
 	const postMeta = editor.getEditedPostAttribute('meta');
 	const fileIsUploaded = !! postMeta.audio_file;
 
+	const { openGeneralSidebar } = useDispatch('core/edit-post');
+
+	const openSSPSidebar = () => {
+		openGeneralSidebar('ssp-episode-meta-sidebar/ssp-episode-meta-sidebar'); // Sidebar slug
+	};
+
 	return (
 		<PluginPostStatusInfo>
 			<div className={ 'ssp-sidebar-panel' }>
@@ -54,11 +60,7 @@ const SSPSidebarPanel = () => {
 
 						<Button
 							className={ 'ssp-open-meta-btn' }
-							onClick={ () => {
-								document.querySelectorAll('.ssp-open').forEach(function ( element ) {
-									element.click();
-								});
-							} }
+							onClick={ openSSPSidebar }
 						>{ __('Manage your Episode', 'seriously-simple-podcasting') }
 						</Button>
 					</div>