fix panel initial state

Author: Aniket-Engg

apps/remix-ide/src/app/components/right-side-panel.tsx

@@ -73,7 +73,8 @@ export class RightSidePanel extends AbstractPanel {
   }
 
   async pinView (profile, view) {
-    if (this.hiddenPlugin) {
+    // Only show the panel if we're pinning a different plugin than the one that's currently hidden
+    if (this.hiddenPlugin && this.hiddenPlugin.name !== profile.name) {
       const pinnedPanel = document.querySelector('#right-side-panel')
       pinnedPanel?.classList.remove('d-none')
       this.hiddenPlugin = null

apps/remix-ide/src/app/components/side-panel.tsx

@@ -35,6 +35,11 @@ export class SidePanel extends AbstractPanel {
 
     if (panelStates.leftSidePanel) {
       this.isHidden = panelStates.leftSidePanel.isHidden || false
+      // Apply d-none class to hide the panel on reload if it was hidden
+      if (this.isHidden) {
+        const sidePanel = document.querySelector('#side-panel')
+        sidePanel?.classList.add('d-none')
+      }
     } else {
       // Initialize with default state if not found
       this.isHidden = false