|
@@ -173,26 +173,17 @@ class MascotPopup extends React.Component<Props, State> {
|
173
|
173
|
const cancel = this.props.buttons.cancel;
|
174
|
174
|
return (
|
175
|
175
|
<View style={{
|
176
|
|
- flexDirection: "row",
|
177
|
176
|
marginLeft: "auto",
|
178
|
177
|
marginRight: "auto",
|
179
|
178
|
marginTop: "auto",
|
180
|
179
|
marginBottom: "auto",
|
181
|
180
|
}}>
|
182
|
|
- {cancel != null
|
183
|
|
- ? <Button
|
184
|
|
- mode={"contained"}
|
185
|
|
- icon={cancel.icon}
|
186
|
|
- color={cancel.color}
|
187
|
|
- onPress={cancel.onPress}
|
188
|
|
- >
|
189
|
|
- {cancel.message}
|
190
|
|
- </Button>
|
191
|
|
- : null}
|
192
|
181
|
{action != null
|
193
|
182
|
? <Button
|
194
|
183
|
style={{
|
195
|
|
- marginLeft: 20,
|
|
184
|
+ marginLeft: 'auto',
|
|
185
|
+ marginRight: 'auto',
|
|
186
|
+ marginBottom: 10,
|
196
|
187
|
}}
|
197
|
188
|
mode={"contained"}
|
198
|
189
|
icon={action.icon}
|
|
@@ -202,6 +193,20 @@ class MascotPopup extends React.Component<Props, State> {
|
202
|
193
|
{action.message}
|
203
|
194
|
</Button>
|
204
|
195
|
: null}
|
|
196
|
+ {cancel != null
|
|
197
|
+ ? <Button
|
|
198
|
+ style={{
|
|
199
|
+ marginLeft: 'auto',
|
|
200
|
+ marginRight: 'auto',
|
|
201
|
+ }}
|
|
202
|
+ mode={"contained"}
|
|
203
|
+ icon={cancel.icon}
|
|
204
|
+ color={cancel.color}
|
|
205
|
+ onPress={cancel.onPress}
|
|
206
|
+ >
|
|
207
|
+ {cancel.message}
|
|
208
|
+ </Button>
|
|
209
|
+ : null}
|
205
|
210
|
</View>
|
206
|
211
|
);
|
207
|
212
|
}
|