mirror of
https://github.com/BlueWallet/BlueWallet.git
synced 2024-11-20 02:09:10 +01:00
37 lines
918 B
JavaScript
37 lines
918 B
JavaScript
|
import React from 'react';
|
||
|
|
import { StyleSheet, View } from 'react-native';
|
||
|
|
import { Icon } from 'react-native-elements';
|
||
|
|
import { useTheme } from '@react-navigation/native';
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
boxIncoming: {
|
||
|
|
position: 'relative',
|
||
|
|
},
|
||
|
|
ballOutgoing: {
|
||
|
|
width: 30,
|
||
|
|
height: 30,
|
||
|
|
borderRadius: 15,
|
||
|
|
transform: [{ rotate: '225deg' }],
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const TransactionOutgoingIcon = props => {
|
||
|
|
const { colors } = useTheme();
|
||
|
|
const stylesBlueIconHooks = StyleSheet.create({
|
||
|
|
ballOutgoing: {
|
||
|
|
backgroundColor: colors.ballOutgoing,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
return (
|
||
|
|
<View style={styles.boxIncoming}>
|
||
|
|
<View style={[styles.ballOutgoing, stylesBlueIconHooks.ballOutgoing]}>
|
||
|
|
<Icon name="arrow-down" size={16} type="font-awesome" color={colors.outgoingForegroundColor} />
|
||
|
|
</View>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TransactionOutgoingIcon;
|