actionsItem.js

const Gettext = imports.gettext;
const Lang = imports.lang;
const St = imports.gi.St;
const Clutter = imports.gi.Clutter;
const Util = imports.misc.util;
const PopupMenu = imports.ui.popupMenu;
const GObject = imports.gi.GObject;

var InfoBtn = GObject.registerClass(class InfoBtnClass extends St.Button {

    _init() {
        super._init({
            reactive: true,
            can_focus: true,
            track_hover: true,
            style_class: 'system-menu-action'
        });

        this.child = new St.Icon({
            icon_name: 'dialog-information-symbolic'
        });
    }
});

var ClearBtn = GObject.registerClass(class ClearBtnClass extends St.Button {
    _init() {
        super._init({
            reactive: true,
            can_focus: true,
            track_hover: true,
            style_class: 'system-menu-action'
        });

        this.child = new St.Icon({
            icon_name: 'edit-clear-all-symbolic'
        });
    }
});

var PrefsBtn = GObject.registerClass(class PrefsBtnClass extends St.Button {
    _init() {
        super._init({
            reactive: true,
            can_focus: true,
            track_hover: true,
            style_class: 'system-menu-action'
        });

        this.child = new St.Icon({
            icon_name: 'preferences-system-symbolic'
        });
    }
});

var ClearBtnItem = GObject.registerClass(class ClearBtnItemClass extends St.BoxLayout {

    _init() {
        super._init({ style_class: 'popup-menu-item' });
        
        let _icon =  new St.Icon({
            icon_name: 'edit-clear-all-symbolic',
            style_class: 'popup-menu-icon'
        });

        let _label = new St.Label({
            text: _('Clear All'),
            y_expand: true,
            y_align: Clutter.ActorAlign.CENTER
        });

        this.add_child(_icon);
        this.add_child(_label);
    }
});

var ActionsItem = GObject.registerClass(class ActionsItemClass extends PopupMenu.PopupBaseMenuItem {

    _init(recentManager) {
        super._init({
            reactive: false,
            can_focus: false
        });

        let _prefs = new PrefsBtn({
            x_expand: true,
            x_fill: false
        });
        _prefs.connect('clicked', function() {
            Util.spawn(['gnome-shell-extension-prefs', 'Recents@leonardo.bartoli.gmail.com']);
        });

        let _clear = new ClearBtn({
            x_expand: true,
            x_fill: false
        });
        _clear.connect('clicked', recentManager.clearAll.bind(recentManager));
        
        this.actor.add_child(_prefs);
        this.actor.add_child(_clear);
    }
});