diff --git a/erpnext/public/js/hub/pages/category.js b/erpnext/public/js/hub/pages/category.js
index 21dcb32..de1281c 100644
--- a/erpnext/public/js/hub/pages/category.js
+++ b/erpnext/public/js/hub/pages/category.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { get_item_card_container_html } from '../helpers';
 
 erpnext.hub.Category = class Category extends SubPage {
diff --git a/erpnext/public/js/hub/pages/favourites.js b/erpnext/public/js/hub/pages/favourites.js
index 9605eb1..704caea 100644
--- a/erpnext/public/js/hub/pages/favourites.js
+++ b/erpnext/public/js/hub/pages/favourites.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { get_item_card_container_html } from '../helpers';
 
 erpnext.hub.Favourites = class Favourites extends SubPage {
diff --git a/erpnext/public/js/hub/pages/home.js b/erpnext/public/js/hub/pages/home.js
index ff37e81..6a49f62 100644
--- a/erpnext/public/js/hub/pages/home.js
+++ b/erpnext/public/js/hub/pages/home.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { make_search_bar, get_item_card_container_html } from '../helpers';
 
 erpnext.hub.Home = class Home extends SubPage {
diff --git a/erpnext/public/js/hub/pages/not_found.js b/erpnext/public/js/hub/pages/not_found.js
index a83d881..3b86446 100644
--- a/erpnext/public/js/hub/pages/not_found.js
+++ b/erpnext/public/js/hub/pages/not_found.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 
 erpnext.hub.NotFound = class NotFound extends SubPage {
 	refresh() {
diff --git a/erpnext/public/js/hub/pages/profile.js b/erpnext/public/js/hub/pages/profile.js
index 6dd1f87..a38cde4 100644
--- a/erpnext/public/js/hub/pages/profile.js
+++ b/erpnext/public/js/hub/pages/profile.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 
 erpnext.hub.Profile = class Profile extends SubPage {
 	make_wrapper() {
diff --git a/erpnext/public/js/hub/pages/publish.js b/erpnext/public/js/hub/pages/publish.js
index 6e8caab..2bcc0c6 100644
--- a/erpnext/public/js/hub/pages/publish.js
+++ b/erpnext/public/js/hub/pages/publish.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { make_search_bar, get_item_card_container_html, get_local_item_card_html } from '../helpers';
 
 erpnext.hub.Publish = class Publish extends SubPage {
diff --git a/erpnext/public/js/hub/pages/published_products.js b/erpnext/public/js/hub/pages/published_products.js
index f21c6fa..11cce4d 100644
--- a/erpnext/public/js/hub/pages/published_products.js
+++ b/erpnext/public/js/hub/pages/published_products.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { get_item_card_container_html } from '../helpers';
 
 erpnext.hub.PublishedProducts = class PublishedProducts extends SubPage {
diff --git a/erpnext/public/js/hub/pages/register.js b/erpnext/public/js/hub/pages/register.js
index d8966f1..b95ec04 100644
--- a/erpnext/public/js/hub/pages/register.js
+++ b/erpnext/public/js/hub/pages/register.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 
 erpnext.hub.Register = class Register extends SubPage {
 	make_wrapper() {
diff --git a/erpnext/public/js/hub/pages/search.js b/erpnext/public/js/hub/pages/search.js
index 276c9bc..dbaecba 100644
--- a/erpnext/public/js/hub/pages/search.js
+++ b/erpnext/public/js/hub/pages/search.js
@@ -1,4 +1,4 @@
-import SubPage from './base_page';
+import SubPage from './subpage';
 import { make_search_bar, get_item_card_container_html } from '../helpers';
 
 erpnext.hub.SearchPage = class SearchPage extends SubPage {
diff --git a/erpnext/public/js/hub/pages/base_page.js b/erpnext/public/js/hub/pages/subpage.js
similarity index 74%
rename from erpnext/public/js/hub/pages/base_page.js
rename to erpnext/public/js/hub/pages/subpage.js
index 70248da..a030e7e 100644
--- a/erpnext/public/js/hub/pages/base_page.js
+++ b/erpnext/public/js/hub/pages/subpage.js
@@ -3,6 +3,16 @@
 		this.$parent = $(parent);
 		this.make_wrapper(options);
 
+		// generic action handler
+		this.$wrapper.on('click', '[data-action]', e => {
+			const $this = $(e.currentTarget);
+			const action = $this.data().action;
+
+			if (action && this[action]) {
+				this[action].apply(this);
+			}
+		})
+
 		// handle broken images after every render
 		if (this.render) {
 			this._render = this.render.bind(this);