Improve equipment confirm screen dates display

This commit is contained in:
Arnaud Vergnet 2020-09-23 18:58:13 +02:00
parent 346b00defd
commit faac5688f8

View file

@ -19,11 +19,11 @@
import * as React from 'react'; import * as React from 'react';
import { import {
Button,
Caption, Caption,
Card, Card,
Headline, Headline,
Paragraph, Paragraph,
Title,
useTheme, useTheme,
} from 'react-native-paper'; } from 'react-native-paper';
import {View} from 'react-native'; import {View} from 'react-native';
@ -61,6 +61,7 @@ function EquipmentConfirmScreen(props: Props) {
date: getRelativeDateString(start), date: getRelativeDateString(start),
}); });
} }
console.log(buttonText);
return ( return (
<CollapsibleScrollView> <CollapsibleScrollView>
<Card style={{margin: 5}}> <Card style={{margin: 5}}>
@ -84,12 +85,9 @@ function EquipmentConfirmScreen(props: Props) {
</Caption> </Caption>
</View> </View>
</View> </View>
<Button <Title style={{color: theme.colors.success, textAlign: 'center'}}>
icon="check-circle-outline"
color={theme.colors.success}
mode="text">
{buttonText} {buttonText}
</Button> </Title>
<Paragraph style={{textAlign: 'center'}}> <Paragraph style={{textAlign: 'center'}}>
{i18n.t('screens.equipment.bookingConfirmedMessage')} {i18n.t('screens.equipment.bookingConfirmedMessage')}
</Paragraph> </Paragraph>