diff --git a/erpnext/public/js/hub/marketplace.js b/erpnext/public/js/hub/marketplace.js index 07e9858bfe..78cf8468e7 100644 --- a/erpnext/public/js/hub/marketplace.js +++ b/erpnext/public/js/hub/marketplace.js @@ -166,8 +166,10 @@ erpnext.hub.Marketplace = class Marketplace { } if (!Object.keys(this.subpages).includes(route[1])) { - frappe.show_not_found(); - return; + if (!this.subpages.not_found) { + this.subpages.not_found = new erpnext.hub.NotFound(this.$body); + } + route[1] = 'not_found'; } this.update_sidebar(); @@ -783,10 +785,20 @@ erpnext.hub.Publish = class Publish extends SubPage { } } -function get_empty_state(message) { - return `
+erpnext.hub.NotFound = class NotFound extends SubPage { + refresh() { + this.$wrapper.html(get_empty_state( + __('Sorry! I could not find what you were looking for.'), + `` + )); + } +} + +function get_empty_state(message, action) { + return `

${message}

-
` + ${action ? `

${action}

`: ''} +
`; } function get_item_card_container_html(items, title='') { diff --git a/erpnext/public/less/hub.less b/erpnext/public/less/hub.less index bd503fe1e3..fd1a752c3b 100644 --- a/erpnext/public/less/hub.less +++ b/erpnext/public/less/hub.less @@ -157,8 +157,7 @@ body[data-route^="marketplace/"] { } .empty-state { - justify-content: center; - padding-top: 159px; + height: 500px; } .form-container {