77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import HeaderButtons, { HeaderButton, Item } from 'react-navigation-header-buttons';
|
|
|
|
import { CustomIcon } from '../lib/Icons';
|
|
import { isIOS } from '../utils/deviceInfo';
|
|
import { COLOR_PRIMARY, COLOR_WHITE } from '../constants/colors';
|
|
import I18n from '../i18n';
|
|
|
|
const color = isIOS ? COLOR_PRIMARY : COLOR_WHITE;
|
|
export const headerIconSize = 23;
|
|
|
|
const CustomHeaderButton = React.memo(props => (
|
|
<HeaderButton {...props} IconComponent={CustomIcon} iconSize={headerIconSize} color={color} />
|
|
));
|
|
|
|
export const CustomHeaderButtons = React.memo(props => (
|
|
<HeaderButtons
|
|
HeaderButtonComponent={CustomHeaderButton}
|
|
{...props}
|
|
/>
|
|
));
|
|
|
|
export const DrawerButton = React.memo(({ navigation, testID, ...otherProps }) => (
|
|
<CustomHeaderButtons left>
|
|
<Item title='drawer' iconName='customize' onPress={navigation.toggleDrawer} testID={testID} {...otherProps} />
|
|
</CustomHeaderButtons>
|
|
));
|
|
|
|
export const CloseModalButton = React.memo(({ navigation, testID }) => (
|
|
<CustomHeaderButtons left>
|
|
<Item title='close' iconName='cross' onPress={() => navigation.pop()} testID={testID} />
|
|
</CustomHeaderButtons>
|
|
));
|
|
|
|
export const CloseShareExtensionButton = React.memo(({ onPress, testID }) => (
|
|
<CustomHeaderButtons left>
|
|
{isIOS
|
|
? <Item title={I18n.t('Cancel')} onPress={onPress} testID={testID} />
|
|
: <Item title='close' iconName='cross' onPress={onPress} testID={testID} />
|
|
}
|
|
</CustomHeaderButtons>
|
|
));
|
|
|
|
export const MoreButton = React.memo(({ onPress, testID }) => (
|
|
<CustomHeaderButtons>
|
|
<Item title='more' iconName='menu' onPress={onPress} testID={testID} />
|
|
</CustomHeaderButtons>
|
|
));
|
|
|
|
export const LegalButton = React.memo(({ navigation, testID }) => (
|
|
<MoreButton onPress={() => navigation.navigate('LegalView')} testID={testID} />
|
|
));
|
|
|
|
DrawerButton.propTypes = {
|
|
navigation: PropTypes.object.isRequired,
|
|
testID: PropTypes.string.isRequired
|
|
};
|
|
CloseModalButton.propTypes = {
|
|
navigation: PropTypes.object.isRequired,
|
|
testID: PropTypes.string.isRequired
|
|
};
|
|
CloseShareExtensionButton.propTypes = {
|
|
onPress: PropTypes.func.isRequired,
|
|
testID: PropTypes.string.isRequired
|
|
};
|
|
MoreButton.propTypes = {
|
|
onPress: PropTypes.func.isRequired,
|
|
testID: PropTypes.string.isRequired
|
|
};
|
|
LegalButton.propTypes = {
|
|
navigation: PropTypes.object.isRequired,
|
|
testID: PropTypes.string.isRequired
|
|
};
|
|
|
|
export { Item };
|