mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-01-19 05:45:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6296 from BlueWallet/ref-TransactionPendingIconBig-ts

Browse Source 
Ref transaction pending icon big ts
This commit is contained in:
GLaDOS 2024-03-20 18:00:51 +00:00 committed by GitHub
commit dc2755cc6b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 39 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
components/TransactionPendingIconBig.js
View File

@ -1,33 +0,0 @@
/* eslint react/prop-types: "off", react-native/no-inline-styles: "off" */
import { StyleSheet, View } from 'react-native';
import { Icon } from 'react-native-elements';
import React from 'react';
import { useTheme } from './themes';
export const TransactionPendingIconBig = props => {
const { colors } = useTheme();
const stylesBlueIconHooks = StyleSheet.create({
ball: {
backgroundColor: colors.buttonBackgroundColor,
},
ball2: {
width: 150,
height: 150,
borderRadius: 75,
},
boxIncoming: {
position: 'relative',
},
});
return (
<View {...props}>
<View style={stylesBlueIconHooks.boxIncoming}>
<View style={[stylesBlueIconHooks.ball2, stylesBlueIconHooks.ball]}>
<Icon {...props} name="more-horiz" type="material" size={100} color={colors.foregroundColor} iconStyle={{ left: 0, top: 25 }} />
</View>
</View>
</View>
);
};

39
components/TransactionPendingIconBig.tsx Normal file
View File

@ -0,0 +1,39 @@
import { StyleSheet, View } from 'react-native';
import React from 'react';
import { Icon } from 'react-native-elements';
import { useTheme } from './themes';
export const TransactionPendingIconBig: React.FC = () => {
const { colors } = useTheme();
const hookStyles = StyleSheet.create({
ball: {
backgroundColor: colors.buttonBackgroundColor,
},
});
return (
<View>
<View style={styles.boxIncoming}>
<View style={[styles.ball, hookStyles.ball]}>
<Icon name="more-horiz" type="material" size={100} color={colors.foregroundColor} iconStyle={styles.iconStyle} />
</View>
</View>
</View>
);
};
const styles = StyleSheet.create({
boxIncoming: {
position: 'relative',
},
ball: {
width: 150,
height: 150,
borderRadius: 75,
},
iconStyle: {
left: 0,
top: 25,
},
});