From b2cec41fbfd452ad4a34f92a5c5223de9576b255 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?NYSSEN=20Micha=C3=ABl?=
 <47521598+Orijhins@users.noreply.github.com>
Date: Mon, 27 Jun 2022 12:56:18 +0200
Subject: [PATCH] Fix lit-ts template (#1494)

* Fix lit-ts template

* Fixing generate Template

* Remove bad null check

Co-authored-by: Lea Anthony <lea.anthony@gmail.com>
---
 .../assets/lit-ts/frontend/src/my-element.ts  | 45 +++++++++----------
 .../lit-ts/frontend/src/my-element.ts         | 45 +++++++++----------
 2 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/v2/cmd/wails/internal/commands/initialise/templates/generate/assets/lit-ts/frontend/src/my-element.ts b/v2/cmd/wails/internal/commands/initialise/templates/generate/assets/lit-ts/frontend/src/my-element.ts
index fc5ebbbed..1b313b759 100644
--- a/v2/cmd/wails/internal/commands/initialise/templates/generate/assets/lit-ts/frontend/src/my-element.ts
+++ b/v2/cmd/wails/internal/commands/initialise/templates/generate/assets/lit-ts/frontend/src/my-element.ts
@@ -68,32 +68,31 @@ export class MyElement extends LitElement {
   }
 
     `
-}
 
-@property()
-resultText = "Please enter your name below 👇"
+    @property()
+    resultText = "Please enter your name below 👇"
 
-greet()
-{
-    let thisName = this.shadowRoot.getElementById('name').value
-    Greet(thisName).then(result => {
-        this.resultText = result
-    });
-}
+    greet() {
+        let thisName = (this.shadowRoot.getElementById('name') as HTMLInputElement)?.value;
+        if (thisName) {
+            Greet(thisName).then(result => {
+                this.resultText = result
+            });
+        }
+    }
 
-render()
-{
-    return html`
-        <main>
-            <img id="logo" src=${logo} alt="Wails logo">
-            <div class="result" id="result">${this.resultText}</div>
-            <div class="input-box" id="input">
-                <input class="input" id="name" type="text" autocomplete="off"/>
-                <button @click=${this.greet} class="btn">Greet</button>
-            </div>
-        </main>
-    `
-}
+    render() {
+        return html`
+            <main>
+                <img id="logo" src=${logo} alt="Wails logo">
+                <div class="result" id="result">${this.resultText}</div>
+                <div class="input-box" id="input">
+                    <input class="input" id="name" type="text" autocomplete="off"/>
+                    <button @click=${this.greet} class="btn">Greet</button>
+                </div>
+            </main>
+        `
+    }
 }
 
 declare global {
diff --git a/v2/cmd/wails/internal/commands/initialise/templates/templates/lit-ts/frontend/src/my-element.ts b/v2/cmd/wails/internal/commands/initialise/templates/templates/lit-ts/frontend/src/my-element.ts
index fc5ebbbed..1b313b759 100644
--- a/v2/cmd/wails/internal/commands/initialise/templates/templates/lit-ts/frontend/src/my-element.ts
+++ b/v2/cmd/wails/internal/commands/initialise/templates/templates/lit-ts/frontend/src/my-element.ts
@@ -68,32 +68,31 @@ export class MyElement extends LitElement {
   }
 
     `
-}
 
-@property()
-resultText = "Please enter your name below 👇"
+    @property()
+    resultText = "Please enter your name below 👇"
 
-greet()
-{
-    let thisName = this.shadowRoot.getElementById('name').value
-    Greet(thisName).then(result => {
-        this.resultText = result
-    });
-}
+    greet() {
+        let thisName = (this.shadowRoot.getElementById('name') as HTMLInputElement)?.value;
+        if (thisName) {
+            Greet(thisName).then(result => {
+                this.resultText = result
+            });
+        }
+    }
 
-render()
-{
-    return html`
-        <main>
-            <img id="logo" src=${logo} alt="Wails logo">
-            <div class="result" id="result">${this.resultText}</div>
-            <div class="input-box" id="input">
-                <input class="input" id="name" type="text" autocomplete="off"/>
-                <button @click=${this.greet} class="btn">Greet</button>
-            </div>
-        </main>
-    `
-}
+    render() {
+        return html`
+            <main>
+                <img id="logo" src=${logo} alt="Wails logo">
+                <div class="result" id="result">${this.resultText}</div>
+                <div class="input-box" id="input">
+                    <input class="input" id="name" type="text" autocomplete="off"/>
+                    <button @click=${this.greet} class="btn">Greet</button>
+                </div>
+            </main>
+        `
+    }
 }
 
 declare global {