From 34d83b312d2a46006e8e82a4d242c6efbbf1cf47 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 23 Feb 2022 12:17:05 +0100
Subject: [PATCH] add hit enter in search field

---
 .../plugins/core/qdn/websites.src.js          | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/qortal-ui-plugins/plugins/core/qdn/websites.src.js b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
index a87ac4ee..644bdf67 100644
--- a/qortal-ui-plugins/plugins/core/qdn/websites.src.js
+++ b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
@@ -5,7 +5,12 @@ import { Epml } from '../../../epml.js'
 import '@material/mwc-icon'
 import '@material/mwc-button'
 import '@material/mwc-textfield'
+import '@vaadin/button'
 import '@vaadin/grid'
+import '@vaadin/icon'
+import '@vaadin/icons'
+import '@vaadin/text-field'
+
 
 const parentEpml = new Epml({ type: 'WINDOW', source: window.parent })
 
@@ -184,8 +189,13 @@ class Websites extends LitElement {
                 <div class="divCard">
                     <h3 style="margin: 0; margin-bottom: 1em; text-align: left;">Search Websites</h3>
                     <div id="search">
-                        <mwc-textfield outlined label="Name To Search" id="searchName" type="text" value="${this.searchName}"></mwc-textfield>&nbsp;&nbsp;<br>
-                        <mwc-button raised icon="search" @click="${(e) => this.doSearch(e)}">Search</mwc-button>
+                        <vaadin-text-field theme="medium" id="searchName" placeholder="Name to search" value="${this.searchName}" @keydown="${this.searchListener}" clear-button-visible>
+                            <vaadin-icon slot="prefix" icon="vaadin:user"></vaadin-icon>
+                        </vaadin-text-field>&nbsp;&nbsp;<br>
+                        <vaadin-button theme="medium" @click="${(e) => this.doSearch(e)}">
+                            <vaadin-icon icon="vaadin:search" slot="prefix"></vaadin-icon>
+                            Search
+                        </vaadin-button>
                     </div><br />
                     <vaadin-grid theme="large" id="searchResourcesGrid" ?hidden="${this.isEmptyArray(this.searchResources)}" .items="${this.searchResources}" aria-label="Search Websites" all-rows-visible>
                         <vaadin-grid-column width="5rem" flex-grow="0" header="Avatar" .renderer=${(root, column, data) => {
@@ -301,7 +311,6 @@ class Websites extends LitElement {
             setTimeout(getRelayMode, 60000)
         }
 
-
         window.addEventListener("contextmenu", (event) => {
             event.preventDefault();
             this._textMenu(event)
@@ -348,6 +357,12 @@ class Websites extends LitElement {
         parentEpml.imReady()
     }
 
+    searchListener(e) {
+        if (e.key === 'Enter') {
+            this.doSearch(e);
+        }
+    }
+
     async getResourcesGrid() {
         this.resourcesGrid = this.shadowRoot.querySelector(`#resourcesGrid`)
         this.pagesControl = this.shadowRoot.querySelector('#pages')