refactor(namecase): decamelize filename

This commit is contained in:
George Lima 2019-01-28 10:03:11 -03:00
parent c23c521b53
commit 2fae82c1fe
13 changed files with 48 additions and 87 deletions

View File

@ -9,7 +9,7 @@ import ClickOutside from 'react-click-outside';
import { TextComponent } from './text';
import truncateAddress from '../utils/truncateAddress';
import truncateAddress from '../utils/truncate-address';
/* eslint-disable max-len */
const MenuWrapper = styled.div`

View File

@ -13,8 +13,8 @@ import { ColumnComponent } from './column';
import theme from '../theme';
import formatNumber from '../utils/formatNumber';
import truncateAddress from '../utils/truncateAddress';
import formatNumber from '../utils/format-number';
import truncateAddress from '../utils/truncate-address';
const Wrapper = styled.div`
width: 460px;
@ -125,22 +125,13 @@ export const TransactionDetailsComponent = ({
return (
<Wrapper>
<CloseIconWrapper>
<CloseIconImg
src={CloseIcon}
onClick={handleClose}
/>
<CloseIconImg src={CloseIcon} onClick={handleClose} />
</CloseIconWrapper>
<TitleWrapper>
<TextComponent
value='Transaction Details'
align='center'
/>
<TextComponent value='Transaction Details' align='center' />
</TitleWrapper>
<DetailsWrapper>
<Icon
src={isReceived ? ReceivedIcon : SentIcon}
alt='Transaction Type Icon'
/>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<TextComponent
isBold
size={2.625}
@ -148,11 +139,7 @@ export const TransactionDetailsComponent = ({
append: `${isReceived ? '+' : '-'}ZEC `,
value: amount,
})}
color={
isReceived
? theme.colors.transactionReceived
: theme.colors.transactionSent
}
color={isReceived ? theme.colors.transactionReceived : theme.colors.transactionSent}
/>
<TextComponent
value={formatNumber({
@ -169,14 +156,8 @@ export const TransactionDetailsComponent = ({
<TextComponent value={dateFns.format(date, 'MMMM D, YYYY HH:MMA')} />
</ColumnComponent>
<ColumnComponent>
<TextComponent
value='FEES'
isBold
color={theme.colors.transactionsDetailsLabel}
/>
<TextComponent
value={formatNumber({ value: amount * 0.1, append: 'ZEC ' })}
/>
<TextComponent value='FEES' isBold color={theme.colors.transactionsDetailsLabel} />
<TextComponent value={formatNumber({ value: amount * 0.1, append: 'ZEC ' })} />
</ColumnComponent>
</InfoRow>
<Divider />

View File

@ -14,8 +14,8 @@ import { TransactionDetailsComponent } from './transaction-details';
import theme from '../theme';
import formatNumber from '../utils/formatNumber';
import truncateAddress from '../utils/truncateAddress';
import formatNumber from '../utils/format-number';
import truncateAddress from '../utils/truncate-address';
const Wrapper = styled(RowComponent)`
background-color: ${props => props.theme.colors.cardBackgroundColor};
@ -32,12 +32,12 @@ const Icon = styled.img`
height: 20px;
`;
/* eslint-disable max-len */
const TransactionTypeLabel = styled(TextComponent)`
color: ${props => (props.isReceived
? props.theme.colors.transactionReceived
: props.theme.colors.transactionSent)};
color: ${props => (props.isReceived ? props.theme.colors.transactionReceived : props.theme.colors.transactionSent)};
text-transform: capitalize;
`;
/* eslint-enable max-len */
const TransactionAddress = styled(TextComponent)`
color: #a7a7a7;
@ -97,16 +97,9 @@ export const TransactionItemComponent = ({
>
<RowComponent alignItems='center'>
<RowComponent alignItems='center'>
<Icon
src={isReceived ? ReceivedIcon : SentIcon}
alt='Transaction Type Icon'
/>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<TransactionColumn>
<TransactionTypeLabel
isReceived={isReceived}
value={type}
isBold
/>
<TransactionTypeLabel isReceived={isReceived} value={type} isBold />
<TransactionTime value={transactionTime} />
</TransactionColumn>
</RowComponent>
@ -116,16 +109,9 @@ export const TransactionItemComponent = ({
<TextComponent
isBold
value={transactionValueInZec}
color={
isReceived
? theme.colors.transactionReceived
: theme.colors.transactionSent
}
/>
<TextComponent
value={transactionValueInUsd}
color={theme.colors.inactiveItem}
color={isReceived ? theme.colors.transactionReceived : theme.colors.transactionSent}
/>
<TextComponent value={transactionValueInUsd} color={theme.colors.inactiveItem} />
</ColumnComponent>
</Wrapper>
)}

View File

@ -7,7 +7,7 @@ import { ColumnComponent } from './column';
import { Button } from './button';
import { QRCode } from './qrcode';
import truncateAddress from '../utils/truncateAddress';
import truncateAddress from '../utils/truncate-address';
import eyeIcon from '../assets/images/eye.png';
@ -35,12 +35,11 @@ const Input = styled.input`
}
`;
/* eslint-disable max-len */
const Btn = styled(Button)`
border-width: 1px;
font-weight: ${props => props.theme.fontWeight.regular};
border-color: ${props => (props.isVisible
? props.theme.colors.primary : props.theme.colors.buttonBorderColor
)};
border-color: ${props => (props.isVisible ? props.theme.colors.primary : props.theme.colors.buttonBorderColor)};
padding: 8px 10px;
min-width: 260px;
@ -49,6 +48,7 @@ const Btn = styled(Button)`
width: 20px;
}
`;
/* eslint-enable max-len */
const QRCodeWrapper = styled.div`
align-items: center;
@ -89,7 +89,7 @@ type State = {
export class WalletAddress extends PureComponent<Props, State> {
static defaultProps = {
isVisible: false,
}
};
constructor(props: Props) {
super(props);
@ -127,10 +127,12 @@ export class WalletAddress extends PureComponent<Props, State> {
<Transition
native
items={isVisible}
enter={[{
height: 'auto',
opacity: 1,
}]}
enter={[
{
height: 'auto',
opacity: 1,
},
]}
leave={{ height: 0, opacity: 0 }}
from={{
position: 'absolute',
@ -139,13 +141,15 @@ export class WalletAddress extends PureComponent<Props, State> {
height: 0,
}}
>
{show => show && (props => (
<animated.div style={props}>
<QRCodeWrapper>
<QRCode value={address} />
</QRCodeWrapper>
</animated.div>
))}
{show => show
&& (props => (
<animated.div style={props}>
<QRCodeWrapper>
<QRCode value={address} />
</QRCodeWrapper>
</animated.div>
))
}
</Transition>
</RevealsMain>
</ColumnComponent>

View File

@ -5,7 +5,7 @@ import styled from 'styled-components';
import { TextComponent } from './text';
import { RowComponent } from './row';
import formatNumber from '../utils/formatNumber';
import formatNumber from '../utils/format-number';
import theme from '../theme';

View File

@ -13,7 +13,7 @@ import {
loadWalletSummarySuccess,
loadWalletSummaryError,
} from '../redux/modules/wallet';
import sortBy from '../utils/sortBy';
import sortBy from '../utils/sort-by';
import type { AppState } from '../types/app-state';
import type { Dispatch } from '../types/redux';
@ -39,9 +39,7 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
const [zAddressesErr, zAddresses] = await eres(rpc.z_listaddresses());
const [tAddressesErr, transparentAddresses] = await eres(
rpc.getaddressesbyaccount(''),
);
const [tAddressesErr, transparentAddresses] = await eres(rpc.getaddressesbyaccount(''));
// eslint-disable-next-line
if (zAddressesErr || tAddressesErr) return dispatch(
@ -53,9 +51,7 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
const [transactionsErr, transactions] = await eres(rpc.listtransactions());
if (transactionsErr) {
return dispatch(
loadWalletSummaryError({ error: transactionsErr.message }),
);
return dispatch(loadWalletSummaryError({ error: transactionsErr.message }));
}
const formattedTransactions = flow([
@ -75,9 +71,7 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
])(transactions);
if (!zAddresses.length) {
const [getNewZAddressErr, newZAddress] = await eres(
rpc.z_getnewaddress(),
);
const [getNewZAddressErr, newZAddress] = await eres(rpc.z_getnewaddress());
if (!getNewZAddressErr && newZAddress) {
zAddresses.push(newZAddress);

View File

@ -17,7 +17,7 @@ import {
validateAddressError,
} from '../redux/modules/send';
import filterObjectNullKeys from '../utils/filterObjectNullKeys';
import filterObjectNullKeys from '../utils/filter-object-null-keys';
import type { AppState } from '../types/app-state';
import type { Dispatch } from '../types/redux';

View File

@ -15,7 +15,7 @@ import {
import rpc from '../../services/api';
import store from '../../config/electron-store';
import sortBy from '../utils/sortBy';
import sortBy from '../utils/sort-by';
import type { AppState } from '../types/app-state';
import type { Dispatch } from '../types/redux';
@ -31,14 +31,10 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
getTransactions: async () => {
dispatch(loadTransactions());
const [transactionsErr, transactions = []] = await eres(
rpc.listtransactions(),
);
const [transactionsErr, transactions = []] = await eres(rpc.listtransactions());
if (transactionsErr) {
return dispatch(
loadTransactionsError({ error: transactionsErr.message }),
);
return dispatch(loadTransactionsError({ error: transactionsErr.message }));
}
const formattedTransactions = flow([

View File

@ -16,7 +16,7 @@ import { Divider } from '../components/divider';
import { Button } from '../components/button';
import { ConfirmDialogComponent } from '../components/confirm-dialog';
import formatNumber from '../utils/formatNumber';
import formatNumber from '../utils/format-number';
import type { SendTransactionInput } from '../containers/send';
import type { State as SendState } from '../redux/modules/send';