Hintergründe zum EventInvitePage Layout Customizer hinzugefügt. Badge und CTA entfernt, Textfelder zu Textareas gemacht. Geschenkgutscheine verbessert, E-Mail-Versand ergänzt + Resend + Confirmationseite mit Code-Copy und Link zur Package-Seite, die den Code als URL-Parameter enthält.
This commit is contained in:
@@ -54,6 +54,7 @@ import {
|
||||
triggerDownloadFromBlob,
|
||||
triggerDownloadFromDataUrl,
|
||||
} from './components/invite-layout/export-utils';
|
||||
import { preloadedBackgrounds } from './components/invite-layout/backgrounds';
|
||||
import { useOnboardingProgress } from '../onboarding';
|
||||
import { FloatingActionBar, type FloatingAction } from '../components/FloatingActionBar';
|
||||
|
||||
@@ -358,6 +359,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
const secondaryColor = '#1F2937';
|
||||
const badgeColor = normalizeHexColor(customization?.badge_color ?? (layoutPreview.accent as string | undefined)) ?? accentColor;
|
||||
const gradient = normalizeGradient(customization?.background_gradient ?? layoutPreview.background_gradient ?? null);
|
||||
const backgroundImage = customization?.background_image ?? null;
|
||||
|
||||
const instructions = ensureInstructionList(customization?.instructions, exportLayout.instructions ?? []);
|
||||
const workflowSteps = toStringList(t('invites.export.workflow.steps', { returnObjects: true }));
|
||||
@@ -373,6 +375,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
backgroundStyle: buildBackgroundStyle(backgroundColor, gradient),
|
||||
backgroundColor,
|
||||
backgroundGradient: gradient,
|
||||
backgroundImage,
|
||||
badgeLabel: customization?.badge_label?.trim() || t('tasks.customizer.defaults.badgeLabel'),
|
||||
badgeColor,
|
||||
badgeTextColor: '#FFFFFF',
|
||||
@@ -722,6 +725,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
logoDataUrl: exportLogo,
|
||||
backgroundColor: exportPreview.backgroundColor ?? '#FFFFFF',
|
||||
backgroundGradient: exportPreview.backgroundGradient ?? null,
|
||||
backgroundImageUrl: exportPreview.backgroundImage ?? null,
|
||||
readOnly: true,
|
||||
selectedId: null,
|
||||
} as const;
|
||||
@@ -769,6 +773,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
logoDataUrl: exportLogo,
|
||||
backgroundColor: exportPreview.backgroundColor ?? '#FFFFFF',
|
||||
backgroundGradient: exportPreview.backgroundGradient ?? null,
|
||||
backgroundImageUrl: exportPreview.backgroundImage ?? null,
|
||||
readOnly: true,
|
||||
selectedId: null,
|
||||
} as const;
|
||||
@@ -1008,6 +1013,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
initialCustomization={currentCustomization}
|
||||
draftCustomization={customizerDraft}
|
||||
onDraftChange={handleCustomizerDraftChange}
|
||||
backgroundImages={preloadedBackgrounds}
|
||||
/>
|
||||
)}
|
||||
</section>
|
||||
@@ -1102,6 +1108,7 @@ export default function EventInvitesPage(): React.ReactElement {
|
||||
onChange={handlePreviewChange}
|
||||
background={exportPreview.backgroundColor}
|
||||
gradient={exportPreview.backgroundGradient}
|
||||
backgroundImageUrl={exportPreview.backgroundImage ?? null}
|
||||
accent={exportPreview.accentColor}
|
||||
text={exportPreview.textColor}
|
||||
secondary={exportPreview.secondaryColor}
|
||||
|
||||
Reference in New Issue
Block a user