From cfd3f5db8f34585ccfc9c6155782c80a02bd3dce Mon Sep 17 00:00:00 2001
From: Son NK <nguyenkims@hotmail.com>
Date: Mon, 20 Jan 2020 11:16:04 +0100
Subject: [PATCH] Add more help message to api-key and custom-domain

---
 .../templates/dashboard/api_key.html          | 20 +++++++++++--------
 .../templates/dashboard/custom_domain.html    |  6 ++++++
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/app/dashboard/templates/dashboard/api_key.html b/app/dashboard/templates/dashboard/api_key.html
index 594a79fa..fa9ec87d 100644
--- a/app/dashboard/templates/dashboard/api_key.html
+++ b/app/dashboard/templates/dashboard/api_key.html
@@ -14,18 +14,22 @@
     <div class="col-md-8 offset-md-2">
       <h1 class="h3"> API Key </h1>
 
-      <p>
-        The API Key is used inside the SimpleLogin Chrome extension. You can install the extension
+      <div class="alert alert-primary" role="alert">
+        The API Key is used on the SimpleLogin Chrome/Firefox/Safari extension. <br>
+        You can install the Chrome extension on
         <a href="https://chrome.google.com/webstore/detail/simplelogin-extension/dphilobhebphkdjbpfohgikllaljmgbn"
-           target="_blank">
-          here <i class="fe fe-external-link"></i>
-        </a>.
+           target="_blank">Chrome Store<i class="fe fe-external-link"></i></a>,
+          Firefox add-on on <a href="https://addons.mozilla.org/en-GB/firefox/addon/simplelogin/" target="_blank">Firefox<i
+              class="fe fe-external-link"></i></a>
+          and Safari extension on <a
+              href="https://apps.apple.com/us/app/simplelogin/id1494051017?mt=12&fbclid=IwAR0M0nnEKgoieMkmx91TSXrtcScj7GouqRxGgXeJz2un_5ydhIKlbAI79Io"
+              target="_blank">AppStore<i class="fe fe-external-link"></i></a>
         <br>
-        Please copy and paste the API key below into the browser extension to get started. <br>
+        Please copy and paste the API key below into the extension to get started. <br>
         <span class="text-danger">
-          Your API Keys are secret and should be treated as passwords.
+          ⚠️Your API Keys are secret and should be treated as passwords.
         </span>
-      </p>
+      </div>
 
       {% for api_key in api_keys %}
         <div class="card" style="max-width: 50rem">
diff --git a/app/dashboard/templates/dashboard/custom_domain.html b/app/dashboard/templates/dashboard/custom_domain.html
index f62df05d..62f305c8 100644
--- a/app/dashboard/templates/dashboard/custom_domain.html
+++ b/app/dashboard/templates/dashboard/custom_domain.html
@@ -19,6 +19,12 @@
         </div>
       {% endif %}
 
+      <div class="alert alert-primary" role="alert">
+        If you own a domain, let's say <b>example.com</b>, you will be able to create aliases with this domain, for example
+        contact@example.com, help@example.com, etc with SimpleLogin. <br>
+        You could also enable <b>catch-all</b> feature that allows you to create aliases on-the-fly.
+      </div>
+
       {% for custom_domain in custom_domains %}
         <div class="card" style="max-width: 50rem">
           <div class="card-body">