saint-lo/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Improved section headers

Browse source
This commit is contained in:
keplyx 2020-03-08 15:33:29 +01:00
parent ff7e7cb279
commit 9ebf34fca9
1 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
screens/Proxiwash/ProxiwashScreen.js
View file

@ -387,12 +387,12 @@ export default class ProxiwashScreen extends React.Component<Props, State> {
} }
getRenderSectionHeader({section}: Object) { getRenderSectionHeader({section}: Object) {
const subtitle = this.getMachineAvailableNumber(section.title === i18n.t('proxiwashScreen.dryers')) + ' ' + i18n.t('proxiwashScreen.numAvailable'); const isDryer = section.title === i18n.t('proxiwashScreen.dryers');
const subtitle = this.getMachineAvailableNumber(isDryer) + ' ' + i18n.t('proxiwashScreen.numAvailable');
return ( return (
<Card style={{ <Card style={{
width: '60%', marginLeft: 5,
marginLeft: 'auto', marginRight: 5,
marginRight: 'auto',
marginBottom: 10, marginBottom: 10,
marginTop: 20, marginTop: 20,
elevation: 4, elevation: 4,
@ -400,15 +400,11 @@ export default class ProxiwashScreen extends React.Component<Props, State> {
<Card.Title <Card.Title
title={section.title} title={section.title}
subtitle={subtitle} subtitle={subtitle}
titleStyle={{ left={() => <Avatar.Icon
textAlign: 'center' icon={isDryer ? 'tumble-dryer' : 'washing-machine'}
}} color={ThemeManager.getCurrentThemeVariables().primary}
subtitleStyle={{ style={{backgroundColor: 'transparent'}}
textAlign: 'center' />}
}}
style={{
paddingLeft: 0,
}}
/> />
</Card> </Card>
); );