From e7a316249424ff408c5ba8961fa9029cdd32d62b Mon Sep 17 00:00:00 2001
From: TheOnlyMace <0815cracky@gmail.com>
Date: Wed, 22 Jul 2026 22:19:16 +0200
Subject: [PATCH] Update placeholders in WelcomeForm and DiscordEmbedBuilder
 for improved user guidance

- Changed placeholder text in WelcomeForm to use more descriptive keys for leave content.
- Enhanced DiscordEmbedBuilder to accept custom title and description placeholders, improving flexibility for embed creation.
- Updated localization files in English and German to include new placeholder texts, ensuring consistency and clarity for users.
---
 apps/webui/src/components/modules/welcome-form.tsx   |  4 +++-
 .../src/components/ui/discord-embed-builder.tsx      | 12 +++++++++---
 apps/webui/src/messages/de.json                      |  5 ++++-
 apps/webui/src/messages/en.json                      |  5 ++++-
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/apps/webui/src/components/modules/welcome-form.tsx b/apps/webui/src/components/modules/welcome-form.tsx
index f758a5c..414121a 100644
--- a/apps/webui/src/components/modules/welcome-form.tsx
+++ b/apps/webui/src/components/modules/welcome-form.tsx
@@ -238,7 +238,7 @@ export function WelcomeForm({ guildId, initialValue }: WelcomeFormProps) {
                 <Textarea
                   value={value.leaveContent ?? ''}
                   onChange={(event) => setValue((prev) => ({ ...prev, leaveContent: event.target.value || null }))}
-                  placeholder={t('modulePages.welcome.contentPlaceholder')}
+                  placeholder={t('modulePages.welcome.leaveContentPlaceholder')}
                 />
                 <PlaceholderHelp preset="welcome" />
               </div>
@@ -251,6 +251,8 @@ export function WelcomeForm({ guildId, initialValue }: WelcomeFormProps) {
                   onChange={(leaveEmbed) => setValue((prev) => ({ ...prev, leaveEmbed }))}
                   previewVars={WELCOME_PREVIEW_VARS}
                   placeholderPreset="welcome"
+                  titlePlaceholder={t('modulePages.welcome.leaveEmbedTitlePlaceholder')}
+                  descriptionPlaceholder={t('modulePages.welcome.leaveEmbedDescriptionPlaceholder')}
                 />
               </div>
               </FieldAnchor>
diff --git a/apps/webui/src/components/ui/discord-embed-builder.tsx b/apps/webui/src/components/ui/discord-embed-builder.tsx
index d897916..a10e9b1 100644
--- a/apps/webui/src/components/ui/discord-embed-builder.tsx
+++ b/apps/webui/src/components/ui/discord-embed-builder.tsx
@@ -73,6 +73,10 @@ interface DiscordEmbedBuilderProps {
   showClearHint?: boolean;
   /** Which placeholders apply to this embed context. */
   placeholderPreset?: PlaceholderPresetId;
+  /** Override default embed title input placeholder. */
+  titlePlaceholder?: string;
+  /** Override default embed description input placeholder. */
+  descriptionPlaceholder?: string;
 }
 
 export function DiscordEmbedBuilder({
@@ -81,7 +85,9 @@ export function DiscordEmbedBuilder({
   className,
   previewVars,
   showClearHint = true,
-  placeholderPreset = 'welcome'
+  placeholderPreset = 'welcome',
+  titlePlaceholder,
+  descriptionPlaceholder
 }: DiscordEmbedBuilderProps) {
   const t = useTranslations();
   const draft = value ?? emptyEmbed();
@@ -112,7 +118,7 @@ export function DiscordEmbedBuilder({
             id="embed-title"
             value={draft.title ?? ''}
             maxLength={256}
-            placeholder={t('embedBuilder.titlePlaceholder')}
+            placeholder={titlePlaceholder ?? t('embedBuilder.titlePlaceholder')}
             onChange={(event) => patch({ title: event.target.value })}
           />
         </div>
@@ -123,7 +129,7 @@ export function DiscordEmbedBuilder({
             rows={5}
             maxLength={4096}
             value={draft.description ?? ''}
-            placeholder={t('embedBuilder.descriptionPlaceholder')}
+            placeholder={descriptionPlaceholder ?? t('embedBuilder.descriptionPlaceholder')}
             onChange={(event) => patch({ description: event.target.value })}
           />
         </div>
diff --git a/apps/webui/src/messages/de.json b/apps/webui/src/messages/de.json
index 4f66e20..38f321e 100644
--- a/apps/webui/src/messages/de.json
+++ b/apps/webui/src/messages/de.json
@@ -361,7 +361,10 @@
       "leaveEnabledLabel": "Abschiedsnachricht aktiviert",
       "leaveChannelId": "Abschieds-Kanal-ID",
       "leaveContent": "Nachrichtentext",
-      "leaveEmbed": "Embed"
+      "leaveContentPlaceholder": "Tschüss {user.tag} — bis bald auf {server}!",
+      "leaveEmbed": "Embed",
+      "leaveEmbedTitlePlaceholder": "Auf Wiedersehen",
+      "leaveEmbedDescriptionPlaceholder": "{user.tag} hat {server} verlassen."
     },
     "verification": {
       "title": "Verifizierung",
diff --git a/apps/webui/src/messages/en.json b/apps/webui/src/messages/en.json
index 896a3a3..f8855a5 100644
--- a/apps/webui/src/messages/en.json
+++ b/apps/webui/src/messages/en.json
@@ -361,7 +361,10 @@
       "leaveEnabledLabel": "Leave message enabled",
       "leaveChannelId": "Leave channel ID",
       "leaveContent": "Message content",
-      "leaveEmbed": "Embed"
+      "leaveContentPlaceholder": "Goodbye {user.tag} — see you around on {server}!",
+      "leaveEmbed": "Embed",
+      "leaveEmbedTitlePlaceholder": "Goodbye",
+      "leaveEmbedDescriptionPlaceholder": "{user.tag} left {server}."
     },
     "verification": {
       "title": "Verification",