Fix history back

Author: stvncode

src/components/details.ts

@@ -32,7 +32,6 @@ export interface DetailsConfig {
 @customElement('details-page')
 export class DetailsPage extends LitElement {
   @property({ type: Object }) config!: DetailsConfig;
-  @property({ type: Boolean, attribute: 'history-back' }) historyBack = false;
   @property({ type: String, attribute: 'back-href' }) backHref = '/';
   @state() private isDescriptionExpanded = false;
 
@@ -330,10 +329,6 @@ export class DetailsPage extends LitElement {
   `;
 
   private _goBack() {
-    if (this.historyBack && window.history.length > 1) {
-      window.history.back();
-      return;
-    }
     window.location.href = this.backHref || '/';
   }
 
@@ -368,7 +363,7 @@ export class DetailsPage extends LitElement {
               d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
             />
           </svg>
-          ${this.historyBack ? 'Back' : 'Back to Home'}
+          ${this.backHref === '/' ? 'Back to Home' : 'Back'}
         </a>
 
         <div class="layout ${actions && actions.length ? '' : 'single'}">

src/pages/vpe-install.ts

@@ -9,7 +9,6 @@ export class VPEInstallPage extends LitElement {
   static styles = css`
     :host {
       display: block;
-      padding: 20px;
     }
     .back-button {
       display: inline-flex;
@@ -125,11 +124,7 @@ export class VPEInstallPage extends LitElement {
               </p>
             </div>
           </div>`
-      : html`<details-page
-          .config=${config}
-          history-back
-          back-href="/vpe"
-        ></details-page>`;
+      : html`<details-page .config=${config} back-href="/vpe/"></details-page>`;
   }
 }
 

src/pages/zwa2-details.ts

@@ -9,7 +9,6 @@ export class ZWA2Details extends LitElement {
   static styles = css`
     :host {
       display: block;
-      padding: 20px;
     }
 
     .firmware-section {

src/pages/zwa2-install-original.ts

@@ -76,11 +76,7 @@ export class Zwa2InstallOriginalPage extends LitElement {
     } as const;
 
     return html`
-      <details-page
-        .config=${config}
-        history-back
-        back-href="/zwa2"
-      ></details-page>
+      <details-page .config=${config} back-href="/zwa2/"></details-page>
     `;
   }
 }

src/pages/zwa2-install-poe.ts

@@ -236,8 +236,7 @@ export class Zwa2InstallPoEPage extends LitElement {
 
     return html`<details-page
       .config=${config}
-      history-back
-      back-href="/zwa2"
+      back-href="/zwa2/"
     ></details-page>`;
   }
 }

src/pages/zwa2-install-portable.ts

@@ -127,11 +127,7 @@ export class Zwa2InstallPortablePage extends LitElement {
     } as const;
 
     return html`
-      <details-page
-        .config=${config}
-        history-back
-        back-href="/zwa2"
-      ></details-page>
+      <details-page .config=${config} back-href="/zwa2/"></details-page>
     `;
   }