From f83b5058ac930a71a40c4fe20b0008b90befd14e Mon Sep 17 00:00:00 2001 From: tangimds Date: Tue, 21 Dec 2021 16:39:31 +0100 Subject: [PATCH] feat(export): ajouter pseudo optionnel --- src/scenes/export/export.js | 60 +++++++++++++++++++++++++++---------- 1 file changed, 44 insertions(+), 16 deletions(-) diff --git a/src/scenes/export/export.js b/src/scenes/export/export.js index ef5d5622..db0891ad 100644 --- a/src/scenes/export/export.js +++ b/src/scenes/export/export.js @@ -26,6 +26,7 @@ const MailStorageKey = '@Mail'; const Export = ({navigation}) => { const [mail, setMail] = useState(''); + const [pseudo, setPseudo] = useState(''); const [isLoading, setIsLoading] = useState(false); const [diaryData] = useContext(DiaryDataContext); const [diaryNotes] = useContext(DiaryNotesContext); @@ -49,13 +50,15 @@ const Export = ({navigation}) => { const htmlExport = await formatHtmlTable(diaryData, diaryNotes); setIsLoading(true); logEvents.logDataExport(); + let subject = 'Export de données'; + if (pseudo) subject += ` - ${pseudo}`; const res = await sendTipimail( { from: { address: 'contact@monsuivipsy.fr', personalName: 'MonSuiviPsy - Application', }, - subject: 'Export de données', + subject, html: htmlExport, }, mail, @@ -82,6 +85,9 @@ const Export = ({navigation}) => { const handleChangeMail = (value) => { setMail(value.trim().replace(/\s*/g, '')); }; + const handleChangePseudo = (value) => { + setPseudo(value.trim().replace(/\s*/g, '')); + }; return ( { height={80} /> - Recevez vos données des 30 derniers jours par mail + J'envoie par mail mes données des 30 derniers jours - + + À qui je souhaite l'envoyer ? + + + + + Si je le souhaite, je peux donner un nom à mon bilan pour mieux + l'identifier + + + {!isLoading && ( Exporter mes données )} - @@ -142,9 +163,8 @@ const styles = StyleSheet.create({ display: 'flex', flex: 1, paddingBottom: 30, - backgroundColor: '#f9f9f9', alignItems: 'center', - justifyContent: 'flex-end', + justifyContent: 'flex-start', }, title: { width: '80%', @@ -180,15 +200,23 @@ const styles = StyleSheet.create({ fontSize: 19, }, inputMail: { - width: '75%', textAlign: 'center', backgroundColor: '#F4FCFD', borderWidth: 0.5, borderRadius: 10, borderColor: colors.LIGHT_BLUE, - marginVertical: '10%', padding: 10, }, + label: { + marginBottom: 5, + color: colors.BLUE, + }, + inputContainer: { + paddingHorizontal: 30, + display: 'flex', + alignSelf: 'stretch', + marginVertical: 30, + }, }); export default Export;