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!" },