From 5467fb3533bab85685e83212d59ac9ef251443e3 Mon Sep 17 00:00:00 2001
From: Prefex <31044091+DcZipPL@users.noreply.github.com>
Date: Thu, 20 Mar 2025 16:18:09 +0100
Subject: [PATCH] Custom Title, Description and Help Email (#54)

* Add configuration of Help email, Title, Description

* Format configuration changes

* Use fragments for help sections

* Revert cleanup in misc.ts
---
 .env.sample          |  4 ++++
 islands/Settings.tsx |  9 +++++++--
 lib/utils/misc.ts    | 13 ++++++++++---
 routes/login.tsx     | 20 +++++++++++++-------
 routes/signup.tsx    | 20 +++++++++++++-------
 5 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/.env.sample b/.env.sample
index 1d26394..de9f220 100644
--- a/.env.sample
+++ b/.env.sample
@@ -20,3 +20,7 @@ CONFIG_ENABLE_EMAILS="false" # if true, email verification will be required for
 CONFIG_ENABLE_FOREVER_SIGNUP="true" # if true, all signups become active for 100 years
 # CONFIG_ALLOWED_COOKIE_DOMAINS="example.com,example.net" # can be set to allow more than the BASE_URL's domain for session cookies
 # CONFIG_SKIP_COOKIE_DOMAIN_SECURITY="true" # if true, the cookie domain will not be strictly set and checked against. This skipping slightly reduces security, but is usually necessary for reverse proxies like Cloudflare Tunnel.
+
+# CUSTOM_TITLE=""
+# CUSTOM_DESCRIPTION=""
+HELP_EMAIL="help@bewcloud.com" # if empty, "need help" sections will be disabled
\ No newline at end of file
diff --git a/islands/Settings.tsx b/islands/Settings.tsx
index 11f4003..64fea72 100644
--- a/islands/Settings.tsx
+++ b/islands/Settings.tsx
@@ -194,8 +194,13 @@ export default function Settings({ formData: formDataObject, error, notice, curr
 
         <h2 class='text-2xl mb-4 text-left px-4 max-w-screen-md mx-auto lg:min-w-96'>Delete your account</h2>
         <p class='text-left mt-2 mb-6 px-4 max-w-screen-md mx-auto lg:min-w-96'>
-          Deleting your account is instant and deletes all your data. If you need help, please{' '}
-          <a href={`mailto:${helpEmail}`}>reach out</a>.
+          Deleting your account is instant and deletes all your data. {helpEmail !== ''
+            ? (
+              <>
+                If you need help, please <a href={`mailto:${helpEmail}`}>reach out</a>.
+              </>
+            )
+            : null}
         </p>
 
         <form method='POST' class='mb-12'>
diff --git a/lib/utils/misc.ts b/lib/utils/misc.ts
index d475baa..31c305e 100644
--- a/lib/utils/misc.ts
+++ b/lib/utils/misc.ts
@@ -4,17 +4,24 @@ import { SupportedCurrencySymbol } from '/lib/types.ts';
 let BASE_URL = typeof window !== 'undefined' && window.location
   ? `${window.location.protocol}//${window.location.host}`
   : '';
+let CUSTOM_TITLE = '';
+let CUSTOM_DESCRIPTION = '';
+let HELP_EMAIL = '';
 
 if (typeof Deno !== 'undefined') {
   await import('std/dotenv/load.ts');
 
   BASE_URL = Deno.env.get('BASE_URL') || '';
+
+  CUSTOM_TITLE = Deno.env.get('CUSTOM_TITLE') || '';
+  CUSTOM_DESCRIPTION = Deno.env.get('CUSTOM_DESCRIPTION') || '';
+  HELP_EMAIL = Deno.env.get('HELP_EMAIL') || '';
 }
 
 export const baseUrl = BASE_URL || 'http://localhost:8000';
-export const defaultTitle = 'bewCloud is a modern and simpler alternative to Nextcloud and ownCloud';
-export const defaultDescription = `Have your files under your own control.`;
-export const helpEmail = 'help@bewcloud.com';
+export const defaultTitle = CUSTOM_TITLE || 'bewCloud is a modern and simpler alternative to Nextcloud and ownCloud';
+export const defaultDescription = CUSTOM_DESCRIPTION || `Have your files under your own control.`;
+export const helpEmail = HELP_EMAIL;
 
 export function isRunningLocally(request: Request): boolean {
   try {
diff --git a/routes/login.tsx b/routes/login.tsx
index 7bd6b67..195d112 100644
--- a/routes/login.tsx
+++ b/routes/login.tsx
@@ -173,13 +173,19 @@ export default function Login({ data }: PageProps<Data, FreshContextState>) {
           </strong>.
         </p>
 
-        <h2 class='text-2xl mb-4 text-center'>Need help?</h2>
-        <p class='text-center mt-2 mb-6'>
-          If you're having any issues or have any questions,{' '}
-          <strong>
-            <a href={`mailto:${helpEmail}`}>please reach out</a>
-          </strong>.
-        </p>
+        {helpEmail !== ''
+          ? (
+            <>
+              <h2 class='text-2xl mb-4 text-center'>Need help?</h2>
+              <p class='text-center mt-2 mb-6'>
+                If you're having any issues or have any questions,{' '}
+                <strong>
+                  <a href={`mailto:${helpEmail}`}>please reach out</a>
+                </strong>.
+              </p>
+            </>
+          )
+          : null}
       </section>
     </main>
   );
diff --git a/routes/signup.tsx b/routes/signup.tsx
index 263b066..0ed8492 100644
--- a/routes/signup.tsx
+++ b/routes/signup.tsx
@@ -144,13 +144,19 @@ export default function Signup({ data }: PageProps<Data, FreshContextState>) {
           </strong>.
         </p>
 
-        <h2 class='text-2xl mb-4 text-center'>Need help?</h2>
-        <p class='text-center mt-2 mb-6'>
-          If you're having any issues or have any questions,{' '}
-          <strong>
-            <a href={`mailto:${helpEmail}`}>please reach out</a>
-          </strong>.
-        </p>
+        {helpEmail !== ''
+          ? (
+            <>
+              <h2 class='text-2xl mb-4 text-center'>Need help?</h2>
+              <p class='text-center mt-2 mb-6'>
+                If you're having any issues or have any questions,{' '}
+                <strong>
+                  <a href={`mailto:${helpEmail}`}>please reach out</a>
+                </strong>.
+              </p>
+            </>
+          )
+          : null}
       </section>
     </main>
   );