) => {
+ onChange(e.target.value);
+ };
+
+ // Convert newlines to
tags for preview
+ const getPreviewHtml = () => {
+ return value
+ .split('\n')
+ .map(line => line.trim())
+ .filter(line => line.length > 0)
+ .join('
');
+ };
+
+ return (
+
+
+
+
+ Tip: Press Enter to create a new line. Each line will appear as a separate paragraph in emails.
+
+
+ {value && (
+
+ )}
+
+ );
+};
+
+WelcomeMessageEditor.displayName = 'WelcomeMessageEditor';
\ No newline at end of file
diff --git a/frontend/src/components/admin/index.ts b/frontend/src/components/admin/index.ts
index 0834b32..be7cd14 100644
--- a/frontend/src/components/admin/index.ts
+++ b/frontend/src/components/admin/index.ts
@@ -8,6 +8,7 @@ export { PhotoUpload } from './PhotoUpload';
export { CategoryManager } from './CategoryManager';
export { EventCategoryManager } from './EventCategoryManager';
export { CMSEditor } from './CMSEditor';
+export { WelcomeMessageEditor } from './WelcomeMessageEditor';
export { BulkArchiveModal } from './BulkArchiveModal';
export { MaintenanceBanner } from './MaintenanceBanner';
export { EmailPreviewModal } from './EmailPreviewModal';
diff --git a/frontend/src/pages/admin/CMSPage.tsx b/frontend/src/pages/admin/CMSPage.tsx
index a478c1c..f6cc4bd 100644
--- a/frontend/src/pages/admin/CMSPage.tsx
+++ b/frontend/src/pages/admin/CMSPage.tsx
@@ -184,21 +184,12 @@ export const CMSPage: React.FC = () => {
-
- }
- >
- {t('cms.saveChanges')}
-
-
-
{currentPage?.updated_at && (
{t('cms.lastUpdated')} {new Date(currentPage.updated_at).toLocaleString()}
diff --git a/frontend/src/pages/admin/CreateEventPageEnhanced.tsx b/frontend/src/pages/admin/CreateEventPageEnhanced.tsx
index fe1a5e6..44d4b85 100644
--- a/frontend/src/pages/admin/CreateEventPageEnhanced.tsx
+++ b/frontend/src/pages/admin/CreateEventPageEnhanced.tsx
@@ -15,7 +15,7 @@ import { enUS, de } from 'date-fns/locale';
import { toast } from 'react-toastify';
import { Button, Input, Card } from '../../components/common';
-import { ThemeCustomizerEnhanced, GalleryPreview } from '../../components/admin';
+import { ThemeCustomizerEnhanced, GalleryPreview, WelcomeMessageEditor } from '../../components/admin';
import { useMutation, useQuery } from '@tanstack/react-query';
import { eventsService } from '../../services/events.service';
import { categoriesService } from '../../services/categories.service';
@@ -320,12 +320,11 @@ export const CreateEventPageEnhanced: React.FC = () => {
-