@@ -11,6 +11,7 @@ import * as azimuth from 'azimuth-js';
1111import {
1212 Grid,
1313 Flex,
14+ Input,
1415 IconButton,
1516 HelpText,
1617 Text,
@@ -127,6 +128,7 @@ export default function InviteEmail() {
127128 const [errors, addError] = useSetState();
128129
129130 // manage general state that affects the whole form
131+ const [message, setMessage] = useState('');
130132 const [status, setStatus] = useState(STATUS.INPUT);
131133 const [needFunds, setNeedFunds] = useState(null);
132134 const [generalError, setGeneralError] = useState(null);
@@ -347,6 +349,7 @@ export default function InviteEmail() {
347349 invite.email,
348350 invite.ticket,
349351 ob.patp(point),
352+ message,
350353 invite.rawTx
351354 );
352355 } catch (error) {
@@ -391,6 +394,7 @@ export default function InviteEmail() {
391394
392395 const onSubmit = useCallback(
393396 async values => {
397+ setMessage(values.message);
394398 cachedEmails.current = values.emails.reduce((memo, email, i) => {
395399 memo[nameForEmailField(i)] = email;
396400 return memo;
@@ -599,6 +603,16 @@ export default function InviteEmail() {
599603 );
600604 })}
601605
606+ <Grid.Item
607+ full
608+ as={Input}
609+ type="text"
610+ name="message"
611+ label="Message (optional)"
612+ placeholder="Welcome aboard!"
613+ value={message}
614+ />
615+
602616 {renderButton({ handleSubmit, fields })}
603617
604618 {needFunds && (