Added SMTP disabled message

app/controllers/web/console.php

@@ -144,6 +144,7 @@ App::get('/console/settings')
         $page
             ->setParam('customDomainsEnabled', ($target->isKnown() && !$target->isTest()))
             ->setParam('customDomainsTarget', $target->get())
+            ->setParam('smtpEnabled', (!empty(App::getEnv('_APP_SMTP_HOST'))))
         ;
 
         $layout

app/views/console/settings/index.phtml

@@ -2,6 +2,7 @@
 
 $customDomainsEnabled = $this->getParam('customDomainsEnabled', false);
 $customDomainsTarget = $this->getParam('customDomainsTarget', false);
+$smtpEnabled = $this->getParam('smtpEnabled', false);
 
 ?>
 <div class="cover">
@@ -506,10 +507,16 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
                                 <option data-ls-attrs="value={{role.type}}" data-ls-bind="{{role.label}}"></option>
                             </select>
 
+                            <?php if(!$smtpEnabled): ?>
+                            <div class="box note padding-tiny warning margin-bottom text-align-center">
+                                <i class="icon-warning"></i> SMTP connection is disabled. <a href="https://appwrite.io/docs/email-delivery" target="_blank" rel="noopener">Learn more <i class="icon-link-ext"></i></a>
+                            </div>
+                            <?php endif; ?>
+
                             <hr />
 
                             <div class="clear">
-                                <button>Send Invite</button>
+                                <button<?php if(!$smtpEnabled): ?> disabled<?php endif; ?>>Send Invite</button>
                                 &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
                             </div>
                         </form>

public/styles/comps/box.less

@@ -7,6 +7,14 @@
   display: block;
   border-bottom: none;
 
+  &.padding-tiny {
+    padding: 5px;
+  }
+
+  &.padding-xs {
+    padding: 10px;
+  }
+
   &.padding-small {
     padding: 15px;
   }
@@ -53,7 +61,7 @@
   }
 
   &.warning {
-    background: var(--config-color-success);
+    background: var(--config-color-warning);
     color: #2d2d2d;
 
     button,

public/styles/comps/modal.less

@@ -53,6 +53,14 @@
     }
   }
 
+  &.padding-tiny {
+    padding: 5px;
+  }
+
+  &.padding-xs {
+    padding: 10px;
+  }
+  
   &.padding-small {
     padding: 15px;
   }

public/styles/themes.less

@@ -27,7 +27,7 @@
     --config-color-fade-super: #f1f3f5;
     --config-color-danger: #f53d3d;
     --config-color-success: #1bbf61;
-    --config-color-warning: #ffed4d;
+    --config-color-warning: #fffbdd;
     --config-color-info: #386fd2;
     --config-border-color: #f3f3f3;
     --config-border-fade: #e0e3e4;