diff --git a/craft/src/panels/right/styles/FormStylePanel.tsx b/craft/src/panels/right/styles/FormStylePanel.tsx index 642d1d3..76f343b 100644 --- a/craft/src/panels/right/styles/FormStylePanel.tsx +++ b/craft/src/panels/right/styles/FormStylePanel.tsx @@ -35,6 +35,24 @@ export const FormStylePanel: React.FC = ({ selectedId, nodeProp return ( <> + {/* Contact-form relay: where submissions are emailed. Present on ContactForm + and FormContainer (both have recipientEmail/thankYouUrl props). */} + {nodeProps.recipientEmail !== undefined && ( +
+ + setProp('recipientEmail', e.target.value)} placeholder="you@example.com" style={inputStyle} /> +

+ Emailed via the site's contact-form relay (an admin must enable it in Server Settings). Leave blank to use the Form Action URL instead. +

+
+ )} + {nodeProps.thankYouUrl !== undefined && ( +
+ + setProp('thankYouUrl', e.target.value)} placeholder="/thank-you (blank = hosted page)" style={inputStyle} /> +
+ )} + {/* Form action/method */} {nodeProps.action !== undefined && (
diff --git a/craft/src/panels/right/styles/SocialStylePanel.tsx b/craft/src/panels/right/styles/SocialStylePanel.tsx index 785f675..9e42610 100644 --- a/craft/src/panels/right/styles/SocialStylePanel.tsx +++ b/craft/src/panels/right/styles/SocialStylePanel.tsx @@ -83,7 +83,7 @@ export const SocialStylePanel: React.FC = ({ selectedId, nodePr style={{ width: '100%', padding: '6px', fontSize: 11, background: '#27272a', color: '#e4e4e7', border: '1px solid #3f3f46', borderRadius: 4, cursor: 'pointer' }} > - {['facebook', 'twitter', 'instagram', 'linkedin', 'youtube', 'github', 'tiktok', 'pinterest', 'snapchat', 'whatsapp'].map((p) => ( + {['facebook', 'twitter', 'instagram', 'linkedin', 'youtube', 'github', 'tiktok', 'pinterest', 'snapchat', 'whatsapp', 'spotify', 'twitch'].map((p) => ( ))}