style: 💄 Improve welcome dialog #214
Tim Izzo tim@octree.ch
Wed, 15 Dec 2021 11:02:02 +0100
3 files changed,
11 insertions(+),
5 deletions(-)
M
frontend/containers/WelcomeDialog/index.tsx
→
frontend/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.json
→
frontend/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.json
→
frontend/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!" },