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

REF: SquareEnumaratedWords to TS

Browse Source
This commit is contained in:
Daniel Padrino 2024-02-21 22:23:36 -03:00 committed by Overtorment
parent aaac416add
commit 5798a6ae73
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
components/SquareEnumeratedWords.js → components/SquareEnumeratedWords.tsx
View File

@ -1,16 +1,21 @@
import React from 'react';
import { TouchableOpacity, Text, StyleSheet, View } from 'react-native';
import PropTypes from 'prop-types';
import { useTheme } from './themes';
export const SquareEnumeratedWordsContentAlign = Object.freeze({ left: 'flex-start', center: 'center', right: 'flex-end' });
const SquareEnumeratedWords = props => {
const {
entries = ['Empty entries prop. Please provide an array of strings'],
appendNumber = true,
contentAlign = SquareEnumeratedWordsContentAlign.center,
} = props;
type ContentAlignType = 'flex-start' | 'center' | 'flex-end';
export const SquareEnumeratedWordsContentAlign: Record<string, ContentAlignType> = Object.freeze({
left: 'flex-start',
center: 'center',
right: 'flex-end',
});
interface SquareEnumeratedWordsProps {
entries: string[];
appendNumber: boolean;
contentAlign: ContentAlignType;
}
const SquareEnumeratedWords: React.FC<SquareEnumeratedWordsProps> = ({ entries, appendNumber, contentAlign }) => {
const { colors } = useTheme();
const stylesHook = StyleSheet.create({
entryTextContainer: {
@ -19,6 +24,9 @@ const SquareEnumeratedWords = props => {
entryText: {
color: colors.labelText,
},
container: {
justifyContent: contentAlign,
},
});
const renderSecret = () => {
@ -51,7 +59,7 @@ const SquareEnumeratedWords = props => {
return component;
};
return <View style={[styles.container, { justifyContent: contentAlign }]}>{renderSecret()}</View>;
return <View style={[styles.container, stylesHook.container]}>{renderSecret()}</View>;
};
const styles = StyleSheet.create({
@ -73,10 +81,5 @@ const styles = StyleSheet.create({
flexWrap: 'wrap',
},
});
SquareEnumeratedWords.propTypes = {
entries: PropTypes.arrayOf(PropTypes.string),
contentAlign: PropTypes.string,
appendNumber: PropTypes.bool,
};
export default SquareEnumeratedWords;