From 123dc58fc37a35c6ce61d2f8c76daba0cb37f614 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <fjurma12@outlook.com>
Date: Tue, 1 Jun 2021 14:19:01 +0200
Subject: [PATCH] use a element instead of span for links

---
 src/components/app-link/AppLinkElement.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/app-link/AppLinkElement.ts b/src/components/app-link/AppLinkElement.ts
index 04a59fd..ed57d19 100644
--- a/src/components/app-link/AppLinkElement.ts
+++ b/src/components/app-link/AppLinkElement.ts
@@ -36,7 +36,8 @@ class AppLinkElement extends HTMLElement {
         }
     }
 
-    goTo = () => {
+    goTo = (e: Event) => {
+        e.preventDefault();
         if (!isTrue(this.goBack) && this.to) {
             this.routerService.goTo(this.to);
         } else {
@@ -51,18 +52,19 @@ class AppLinkElement extends HTMLElement {
 
     render = () => {
         return html`${this.disabled
-            ? html`<span
+            ? html`<a
                   class="btn btn-link btn-disabled"
                   data-target="app-link.main"
                   style="color:grey"
-                  >${this.title}</span
+                  >${this.title}</a
               >`
-            : html`<span
+            : html`<a
                   class="btn btn-link btn-disabled"
                   data-target="app-link.main"
                   data-action="click:app-link#goTo"
+                  href="${this.to}"
                   style="text-decoration: underline; cursor: pointer;"
-                  >${this.title}</span
+                  >${this.title}</a
               >`}`;
     };