|
@@ -2,7 +2,7 @@
|
2
|
2
|
|
3
|
3
|
import * as React from 'react';
|
4
|
4
|
import {StyleSheet, View} from "react-native";
|
5
|
|
-import {Button, IconButton, Surface, withTheme} from "react-native-paper";
|
|
5
|
+import {FAB, IconButton, Surface, withTheme} from "react-native-paper";
|
6
|
6
|
import AutoHideComponent from "./AutoHideComponent";
|
7
|
7
|
|
8
|
8
|
type Props = {
|
|
@@ -85,13 +85,24 @@ class AnimatedBottomBar extends React.Component<Props, State> {
|
85
|
85
|
style={{marginLeft: 5}}
|
86
|
86
|
onPress={() => this.props.onPress('today', undefined)}/>
|
87
|
87
|
</View>
|
88
|
|
- <Button
|
89
|
|
- icon="book-variant"
|
90
|
|
- onPress={() => this.props.navigation.navigate('group-select')}
|
91
|
|
- style={{maxWidth: '40%'}}
|
92
|
|
- >
|
93
|
|
- {this.props.currentGroup.replace(/_/g, " ")}
|
94
|
|
- </Button>
|
|
88
|
+ <View style={{
|
|
89
|
+ position: "absolute",
|
|
90
|
+ left: 0,
|
|
91
|
+ right: 0,
|
|
92
|
+ alignItems: "center",
|
|
93
|
+ width: '100%',
|
|
94
|
+ height: '100%'
|
|
95
|
+ }}>
|
|
96
|
+ <FAB
|
|
97
|
+ style={{
|
|
98
|
+ position: 'absolute',
|
|
99
|
+ alignSelf: 'center',
|
|
100
|
+ top: -10,
|
|
101
|
+ }}
|
|
102
|
+ icon="account-clock"
|
|
103
|
+ onPress={() => this.props.navigation.navigate('group-select')}
|
|
104
|
+ />
|
|
105
|
+ </View>
|
95
|
106
|
<View style={{flexDirection: 'row'}}>
|
96
|
107
|
<IconButton
|
97
|
108
|
icon="chevron-left"
|
|
@@ -117,13 +128,12 @@ const styles = StyleSheet.create({
|
117
|
128
|
width: '90%',
|
118
|
129
|
},
|
119
|
130
|
surface: {
|
|
131
|
+ position: 'relative',
|
120
|
132
|
flexDirection: 'row',
|
121
|
133
|
justifyContent: 'space-between',
|
122
|
134
|
alignItems: 'center',
|
123
|
135
|
borderRadius: 50,
|
124
|
136
|
elevation: 2,
|
125
|
|
- padding: 10,
|
126
|
|
- paddingHorizontal: 20,
|
127
|
137
|
}
|
128
|
138
|
});
|
129
|
139
|
|