From e6f6c17c80ccd2d3eb2020abcebe5d512c2c7e6b Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 23 Aug 2019 10:49:17 +0530
Subject: [PATCH] Clear History button will look disabled when there is no
 history

---
 index.html | 2 +-
 script.js  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ffbb3d116..179f625d3 100644
--- a/index.html
+++ b/index.html
@@ -108,7 +108,7 @@
       <legend v-on:click="collapse">History ↕</legend>
       <div class="collapsible">
         <ul>
-          <li><button v-on:click="clearHistory">Clear History</button></li>
+          <li><button v-bind:class="{ disabled: noHistoryToClear }" v-on:click="clearHistory">Clear History</button></li>
         </ul>
         <ul v-for="entry in history">
           <li>
diff --git a/script.js b/script.js
index 705ec9f02..85df1955b 100644
--- a/script.js
+++ b/script.js
@@ -29,6 +29,11 @@ const app = new Vue({
     history: window.localStorage.getItem('history') ? JSON.parse(window.localStorage.getItem('history')) : []
   },
   computed: {
+
+    noHistoryToClear() {
+      return this.history.length === 0;
+    },
+
     urlNotValid() {
       const pattern = new RegExp('^(https?:\\/\\/)?' +
         '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' +