From e03a5b42a5fb9c48f9050d8eace255f207486121 Mon Sep 17 00:00:00 2001
From: Son NK <nguyenkims@hotmail.com>
Date: Sun, 8 Dec 2019 16:22:06 +0100
Subject: [PATCH] still show custom alias but disable it when user runs out of
 quota

---
 src/popup/App.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/popup/App.vue b/src/popup/App.vue
index c084a1c..03cd351 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -75,7 +75,7 @@
         </div>
 
         <p class="font-weight-bold text-center mb-2">Email Alias</p>
-        <div v-if="canCreateCustom">
+        <div>
           <form @submit.prevent="createCustomAlias">
             <div class="row mb-2">
               <div class="col" style="padding-right: 0">
@@ -108,12 +108,11 @@
               v-if="aliasPrefix"
             >Alias is autofilled by the current website name, please feel free to change it.</div>
 
-            <button :disabled="loading" class="btn btn-primary btn-block mt-2">Create</button>
+            <button :disabled="loading || !canCreateCustom" class="btn btn-primary btn-block mt-2">Create</button>
           </form>
-
-          <hr />
         </div>
-        <div v-else>
+
+        <div v-if="!canCreateCustom">
           <p class="text-danger" style="font-size: 14px">
             You have created 3 email aliases in free plan, please
             <a
@@ -121,8 +120,8 @@
               target="_blank"
             >upgrade</a> or reuse the alias.
           </p>
-          <hr />
         </div>
+        <hr />
 
         <div v-if="existing.length > 0" class="text-center">
           <p class="font-weight-bold">Or use an existing alias</p>