mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
39 lines
1004 B
TypeScript
39 lines
1004 B
TypeScript
|
|
||
|
import * as React from 'react';
|
||
|
import { FunctionComponent, ReactNode } from 'react';
|
||
|
import { View, Text, Button } from 'react-native';
|
||
|
import { ConfigScreenStyles } from './configScreenStyles';
|
||
|
|
||
|
interface Props {
|
||
|
title: string;
|
||
|
description: string;
|
||
|
clickHandler: ()=> void;
|
||
|
styles: ConfigScreenStyles;
|
||
|
disabled?: boolean;
|
||
|
statusComponent?: ReactNode;
|
||
|
}
|
||
|
|
||
|
const ConfigScreenButton: FunctionComponent<Props> = props => {
|
||
|
let descriptionComp = null;
|
||
|
if (props.description) {
|
||
|
descriptionComp = (
|
||
|
<View style={{ flex: 1, marginTop: 10 }}>
|
||
|
<Text style={props.styles.descriptionText}>{props.description}</Text>
|
||
|
</View>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
<View style={props.styles.settingContainer}>
|
||
|
<View style={{ flex: 1, flexDirection: 'column' }}>
|
||
|
<View style={{ flex: 1 }}>
|
||
|
<Button title={props.title} onPress={props.clickHandler} disabled={!!props.disabled} />
|
||
|
</View>
|
||
|
{props.statusComponent}
|
||
|
{descriptionComp}
|
||
|
</View>
|
||
|
</View>
|
||
|
);
|
||
|
};
|
||
|
export default ConfigScreenButton;
|