diff --git a/apps/remix-ide/src/app/components/vertical-icons.js b/apps/remix-ide/src/app/components/vertical-icons.js index 855050926a..7ff9009ac4 100644 --- a/apps/remix-ide/src/app/components/vertical-icons.js +++ b/apps/remix-ide/src/app/components/vertical-icons.js @@ -4,9 +4,10 @@ var yo = require('yo-yo') var csjs = require('csjs-inject') var helper = require('../../lib/helper') const globalRegistry = require('../../global/registry') +const contextMenu = require('../ui/contextMenu') const { Plugin } = require('@remixproject/engine') - const EventEmitter = require('events') +let VERTICALMENU_HANDLE const profile = { name: 'menuicons', @@ -72,6 +73,7 @@ export class VerticalIcons extends Plugin { onclick="${() => { this.toggle(name) }}" plugin="${name}" title="${title}" + oncontextmenu="${(e) => this.itemContextMenu(e, name)}" data-id="verticalIconsKind${name}"> ${name} ` @@ -221,6 +223,15 @@ export class VerticalIcons extends Plugin { } } + itemContextMenu (e, name) { + console.log(name) + VERTICALMENU_HANDLE && VERTICALMENU_HANDLE.hide(null, true) + const actions = {} + actions['Deactivate'] = () => { this.call('manager', 'deactivatePlugin', name) } + VERTICALMENU_HANDLE = contextMenu(e, actions) + e.preventDefault() + } + render () { const home = yo`