remove items that are not sticky

apps/remix-ide/src/app/panels/file-panel.js

@@ -73,6 +73,7 @@ module.exports = class Filepanel extends ViewPlugin {
   }
 
   renderComponent () {
+    console.log("render", this.registeredMenuItems)
     ReactDOM.render(
       <Workspace
         createWorkspace={this.createWorkspace.bind(this)}
@@ -112,8 +113,9 @@ module.exports = class Filepanel extends ViewPlugin {
 
   removePluginActions (plugin) {
     this.registeredMenuItems = this.registeredMenuItems.filter((item) => {
-      return item.id !== plugin.name
+      return item.id !== plugin.name || item.sticky === true
     })
+    this.renderComponent()
   }
 
   async getCurrentWorkspace () {

libs/remix-ui/file-explorer/src/lib/file-explorer.tsx

@@ -17,61 +17,63 @@ import './css/file-explorer.css'
 
 const queryParams = new QueryParams()
 
-export const FileExplorer = (props: FileExplorerProps) => {
+const initialActions = [{
-  const { name, registry, plugin, focusRoot, contextMenuItems, displayInput, externalUploads } = props
-  const [state, setState] = useState({
-    focusElement: [{
-      key: '',
-      type: 'folder'
-    }],
-    focusPath: null,
-    files: [],
-    fileManager: null,
-    ctrlKey: false,
-    newFileName: '',
-    actions: [{
   id: 'newFile',
   name: 'New File',
   type: ['folder'],
   path: [],
   extension: [],
   pattern: []
-    }, {
+}, {
   id: 'newFolder',
   name: 'New Folder',
   type: ['folder'],
   path: [],
   extension: [],
   pattern: []
-    }, {
+}, {
   id: 'rename',
   name: 'Rename',
   type: ['file', 'folder'],
   path: [],
   extension: [],
   pattern: []
-    }, {
+}, {
   id: 'delete',
   name: 'Delete',
   type: ['file', 'folder'],
   path: [],
   extension: [],
   pattern: []
-    }, {
+}, {
   id: 'pushChangesToGist',
   name: 'Push changes to gist',
   type: [],
   path: [],
   extension: [],
   pattern: ['^browser/gists/([0-9]|[a-z])*$']
-    }, {
+}, {
   id: 'run',
   name: 'Run',
   type: [],
   path: [],
   extension: ['.js'],
   pattern: []
+}]
+
+export const FileExplorer = (props: FileExplorerProps) => {
+  const { name, registry, plugin, focusRoot, contextMenuItems, displayInput, externalUploads } = props
+  const [state, setState] = useState({
+    focusElement: [{
+      key: '',
+      type: 'folder'
     }],
+    focusPath: null,
+    files: [],
+    fileManager: null,
+    ctrlKey: false,
+    newFileName: '',
+    actions: initialActions,
     focusContext: {
       element: null,
       x: null,
@@ -173,10 +175,7 @@ export const FileExplorer = (props: FileExplorerProps) => {
   useEffect(() => {
     if (contextMenuItems) {
       setState(prevState => {
-        // filter duplicate items
+        return { ...prevState, actions: [...initialActions, ...contextMenuItems] }
-        const items = contextMenuItems.filter(({ name }) => prevState.actions.findIndex(action => action.name === name) === -1)
-
-        return { ...prevState, actions: [...prevState.actions, ...items] }
       })
     }
   }, [contextMenuItems])