all repos — caroster @ 331e51912018b9b1b3b123e7c8b1c08dbfef8cfb

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

💄 Small UI improvements
Simon Mulquin simon@octree.ch
Mon, 03 Jun 2024 07:25:07 +0000
commit

331e51912018b9b1b3b123e7c8b1c08dbfef8cfb

parent

1361276a89549d6339e2dda712b9021072c46f7f

2 files changed, 10 insertions(+), 4 deletions(-)

jump to
M frontend/components/LangSelector/index.tsxfrontend/components/LangSelector/index.tsx

@@ -22,8 +22,9 @@ onChange={e => props.onChange(e.target.value)}

> <MenuItem value={'fr'}>{t`PROTECTED.languages.fr`}</MenuItem> <MenuItem value={'en'}>{t`PROTECTED.languages.en`}</MenuItem> + <MenuItem value={'en'}>{t`PROTECTED.languages.nl`}</MenuItem> </Select> </FormControl> ); -}; +}; export default LangSelector;
M frontend/containers/Travel/Header.tsxfrontend/containers/Travel/Header.tsx

@@ -5,19 +5,21 @@ import TuneIcon from '@mui/icons-material/Tune';

import Box from '@mui/material/Box'; import Link from '@mui/material/Link'; import LinearProgress from '@mui/material/LinearProgress'; +import Chip from '@mui/material/Chip'; import {useTheme} from '@mui/material/styles'; import {useTranslation} from 'react-i18next'; import getMapsLink from '../../lib/getMapsLink'; import useMapStore from '../../stores/useMapStore'; -import {TravelEntity} from '../../generated/graphql'; import usePermissions from '../../hooks/usePermissions'; -import Chip from '@mui/material/Chip'; import useProfile from '../../hooks/useProfile'; +import {TravelEntity} from '../../generated/graphql'; interface Props { travel: TravelEntity; toggleEditing: () => void; } + +const MAPBOX_CONFIGURED = process.env['MAPBOX_CONFIGURED'] || false; const Header = (props: Props) => { const {travel, toggleEditing} = props;

@@ -106,6 +108,9 @@ >

{travel.attributes.meeting} </Link> </Typography> + {MAPBOX_CONFIGURED && ( + <Typography variant="overline" color="warning.main">{t`placeInput.noCoordinates`}</Typography> + )} </Box> )} {!!travel.attributes.details && (

@@ -113,7 +118,7 @@ <Box sx={{marginTop: 2}}>

<Typography variant="overline" sx={{color: 'GrayText'}}> {t('travel.fields.details')} </Typography> - <Typography variant="body1">{travel.attributes.details}</Typography> + <Typography variant="body1" sx={{whiteSpace: 'pre-line'}}>{travel.attributes.details}</Typography> </Box> )} <LinearProgress