all repos — caroster @ 2220be60c782c1c57757bd8a7ebd65e35241cd1d

[Octree] Group carpool to your event https://caroster.io

style: 💄 Improve welcome dialog

#214
Tim Izzo tim@octree.ch
Wed, 15 Dec 2021 11:02:02 +0100
commit

2220be60c782c1c57757bd8a7ebd65e35241cd1d

parent

023ece6b1795904bfe86c87c7d6fb9135203ad67

3 files changed, 11 insertions(+), 5 deletions(-)

jump to
M frontend/containers/WelcomeDialog/index.tsxfrontend/containers/WelcomeDialog/index.tsx

@@ -5,6 +5,7 @@ import CardMedia from '@material-ui/core/CardMedia';

import DialogActions from '@material-ui/core/DialogActions'; import DialogContent from '@material-ui/core/DialogContent'; import DialogContentText from '@material-ui/core/DialogContentText'; +import Typography from '@material-ui/core/Typography'; import Button from '@material-ui/core/Button'; import {useTranslation} from 'react-i18next'; import useTourStore from '../../stores/useTourStore';

@@ -21,13 +22,16 @@

const onCancel = () => setTour({showWelcome: false}); return ( - <Dialog open={showWelcome}> + <Dialog open={showWelcome} fullWidth maxWidth="xs"> <CardMedia className={classes.media} image="/assets/Caroster_Octree_Social.jpg" /> <DialogContent> - <DialogContentText>{t('tour.welcome.text')}</DialogContentText> + <DialogContentText align="center"> + <Typography variant="h6">{t('tour.welcome.title')}</Typography> + {t('tour.welcome.text')} + </DialogContentText> </DialogContent> <DialogActions> <Button onClick={onCancel} id="TourCancel">
M frontend/locales/en.jsonfrontend/locales/en.json

@@ -26,9 +26,10 @@ "en": "English"

}, "tour": { "welcome": { - "text": "Welcome to Caroster! Would you like to take a feature tour?", + "title": "Welcome to Caroster!", + "text": "Would you like to take a feature tour?", "nope": "Later", - "onboard": "Show me" + "onboard": "OK, let's go!" }, "creator": { "step1": "The event information can be modified from this menu.",
M frontend/locales/fr.jsonfrontend/locales/fr.json

@@ -26,7 +26,8 @@ "en": "English"

}, "tour": { "welcome": { - "text": "Bienvenue sur Caroster ! Faire un tour des fonctionnalités", + "title": "Bienvenue sur Caroster !", + "text": "Faire un tour des fonctionnalités.", "nope": "Pas maintenant", "onboard": "OK, c'est parti!" },