diff options
Diffstat (limited to 'src/view/shell/mobile/accounts-menu.tsx')
-rw-r--r-- | src/view/shell/mobile/accounts-menu.tsx | 108 |
1 files changed, 0 insertions, 108 deletions
diff --git a/src/view/shell/mobile/accounts-menu.tsx b/src/view/shell/mobile/accounts-menu.tsx deleted file mode 100644 index ec0e6bf40..000000000 --- a/src/view/shell/mobile/accounts-menu.tsx +++ /dev/null @@ -1,108 +0,0 @@ -import React from 'react' -import { - Image, - StyleSheet, - Text, - TouchableOpacity, - TouchableWithoutFeedback, - View, -} from 'react-native' -import RootSiblings from 'react-native-root-siblings' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' -import {DEF_AVATER} from '../../lib/assets' -import {s, colors} from '../../lib/styles' - -export function createAccountsMenu({ - debug_onPressItem, - onPressLogout, -}: { - debug_onPressItem: () => void - onPressLogout: () => void -}): RootSiblings { - const onPressItem = (_index: number) => { - sibling.destroy() - debug_onPressItem() // TODO - } - const onOuterPress = () => sibling.destroy() - const sibling = new RootSiblings( - ( - <> - <TouchableWithoutFeedback onPress={onOuterPress}> - <View style={styles.bg} /> - </TouchableWithoutFeedback> - <View style={[styles.menu]}> - <TouchableOpacity - style={[styles.menuItem]} - onPress={() => onPressItem(0)}> - <Image style={styles.avi} source={DEF_AVATER} /> - <Text style={[styles.label, s.bold]}>Alice</Text> - </TouchableOpacity> - <TouchableOpacity - style={[styles.menuItem, styles.menuItemBorder]} - onPress={() => onPressItem(0)}> - <FontAwesomeIcon style={styles.icon} icon="plus" /> - <Text style={styles.label}>New Account</Text> - </TouchableOpacity> - <TouchableOpacity - style={[styles.menuItem, styles.menuItemBorder]} - onPress={() => { - sibling.destroy() - onPressLogout() - }}> - <FontAwesomeIcon - style={styles.icon} - icon="arrow-right-from-bracket" - /> - <Text style={styles.label}>Log out</Text> - </TouchableOpacity> - </View> - </> - ), - ) - return sibling -} - -const styles = StyleSheet.create({ - bg: { - position: 'absolute', - top: 0, - right: 0, - bottom: 0, - left: 0, - backgroundColor: '#000', - opacity: 0.1, - }, - menu: { - position: 'absolute', - left: 4, - top: 70, - backgroundColor: '#fff', - borderRadius: 14, - opacity: 1, - paddingVertical: 2, - }, - menuItem: { - flexDirection: 'row', - alignItems: 'center', - paddingVertical: 8, - paddingLeft: 10, - paddingRight: 30, - }, - menuItemBorder: { - borderTopWidth: 1, - borderTopColor: colors.gray1, - }, - avi: { - width: 28, - height: 28, - marginRight: 8, - borderRadius: 14, - }, - icon: { - marginLeft: 6, - marginRight: 6, - }, - label: { - fontSize: 16, - }, -}) |