Show SSL status on territory edit

Author: Soxasora

components/territory-domains.js

@@ -45,6 +45,15 @@ export default function CustomDomainForm ({ sub }) {
     }
   }
 
+  const getSSLStatusBadge = (sslEnabled) => {
+    switch (sslEnabled) {
+      case true:
+        return <Badge bg='success'>SSL enabled</Badge>
+      case false:
+        return <Badge bg='danger'>SSL disabled</Badge>
+    }
+  }
+
   return (
     <Form
       initial={{
@@ -61,25 +70,28 @@ export default function CustomDomainForm ({ sub }) {
               {error && <Info variant='danger'>error</Info>}
               {success && <Info variant='success'>Domain settings updated successfully!</Info>}
               {sub?.customDomain && (
-                <div className='d-flex align-items-center gap-2'>
-                  {getStatusBadge(sub.customDomain.verificationState)}
-                  <span className='text-muted'>
-                    {sub.customDomain.lastVerifiedAt &&
-                    ` (Last checked: ${new Date(sub.customDomain.lastVerifiedAt).toLocaleString()})`}
-                  </span>
+                <>
+                  <div className='d-flex align-items-center gap-2'>
+                    {getStatusBadge(sub.customDomain.verificationState)}
+                    <span className='text-muted'>
+                      {sub.customDomain.lastVerifiedAt &&
+                      ` (Last checked: ${new Date(sub.customDomain.lastVerifiedAt).toLocaleString()})`}
+                    </span>
 
-                  {sub.customDomain.verificationState === 'PENDING' && (
-                    <Info>
-                      <h6>Verify your domain</h6>
-                      <p>Add the following DNS records to verify ownership of your domain:</p>
-                      <pre>
-                        CNAME record:
-                        Host: @
-                        Value: stacker.news
-                      </pre>
-                    </Info>
-                  )}
-                </div>
+                    {sub.customDomain.verificationState === 'PENDING' && (
+                      <Info>
+                        <h6>Verify your domain</h6>
+                        <p>Add the following DNS records to verify ownership of your domain:</p>
+                        <pre>
+                          CNAME record:
+                          Host: @
+                          Value: stacker.news
+                        </pre>
+                      </Info>
+                    )}
+                  </div>
+                  {getSSLStatusBadge(sub.customDomain.sslEnabled)}
+                </>
               )}
             </div>
           }