Clean up render method

tropy · Sep 15, 2023 · 494b690 · 494b690
1 parent 968e67d
commit 494b690
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/assets/javascripts/elements/download.js b/assets/javascripts/elements/download.js
@@ -36,12 +36,7 @@ export class Download extends CustomElement {
         ${this.releaseNotesLink()}`
 
     else if (this.failed)
-      return `
-        <a
-          href="https://github.com/tropy/tropy/releases/latest"
-          class="btn">
-          Download Tropy
-        </a>`
+      return `${this.fallbackButton()}`
 
     else
       return `<div class="spinner"></div>`
@@ -99,6 +94,15 @@ export class Download extends CustomElement {
     else
       return ''
   }
+
+  fallbackButton() {
+    return `
+      <a
+        href="https://github.com/tropy/tropy/releases/latest"
+        class="btn btn-fallback">
+        Download Tropy
+      </a>`
+  }
 }
 
 Download.propTypes = {

diff --git a/assets/stylesheets/home/_hero.scss b/assets/stylesheets/home/_hero.scss
@@ -131,7 +131,7 @@
       }
     }
 
-    .fallback {
+    .legacy {
       animation: show-delayed 3s step-end forwards;
 
       @include state("tpy-download:defined") {

diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
     <h1>Tropy</h1>
     <p class="lead">Explore your research photos</p>
     <tpy-download>
-      <a class="btn fallback" href="https://github.com/tropy/tropy/releases/latest">Download Tropy</a>
+      <a class="btn fallback legacy" href="https://github.com/tropy/tropy/releases/latest">Download Tropy</a>
     </tpy-download>
   </div>
   <div class="hero-illustration"></div>