38 lines
1.7 KiB
JavaScript
38 lines
1.7 KiB
JavaScript
import React from 'react';
|
|
import { StyleSheet } from 'react-native';
|
|
import { Button, Icon, Layout, MenuItem, MenuGroup, OverflowMenu, Text, Divider } from '@ui-kitten/components';
|
|
import {Linking} from 'react-native'
|
|
|
|
|
|
export const ContactMenu = ({contact}) => {
|
|
|
|
const [visible, setVisible] = React.useState(false);
|
|
const [selectedTitle, setSelectedTitle] = React.useState('No items selected');
|
|
|
|
const contactIcon = (props) => <Icon {...props} name={'phone-outline'}/>
|
|
const renderToggleButton = () => (
|
|
<Button onPress={() => setVisible(true)} appearance='ghost' accessoryLeft={contactIcon}>
|
|
</Button>
|
|
);
|
|
|
|
const CallIcon = (props) => <Icon {...props} name='phone-outline'/>
|
|
const SMSIcon = (props) => <Icon {...props} name='message-square-outline'/>
|
|
const EmailIcon = (props) => <Icon {...props} name='email-outline'/>
|
|
const MapIcon = (props) => <Icon {...props} name='map-outline'/>
|
|
|
|
return (
|
|
<OverflowMenu
|
|
visible={visible}
|
|
anchor={renderToggleButton}
|
|
onBackdropPress={() => setVisible(false)}>
|
|
{contact.guardians.map((parent, i) =>
|
|
<MenuGroup key={i} title={`${parent.firstname} ${parent.lastname}`}>
|
|
<MenuItem accessoryLeft={CallIcon} disabled={!parent.mobile} title={`Ring`} onPress={e => Linking.openURL(`tel:${parent.mobile}`)}/>
|
|
<MenuItem accessoryLeft={SMSIcon} title={`SMS`} onPress={e => Linking.openURL(`sms:${parent.mobile}`)}/>
|
|
<MenuItem accessoryLeft={EmailIcon} title={`Maila`} onPress={e => Linking.openURL(`mailto:${parent.email}`)}/>
|
|
<MenuItem accessoryLeft={MapIcon} title={`Hem`} onPress={e => Linking.openURL(`http://maps.apple.com/?daddr=${parent.address}`)}/>
|
|
</MenuGroup>
|
|
)}
|
|
</OverflowMenu>
|
|
);
|
|
}; |