refactor(namecase): decamelize filename
This commit is contained in:
parent
c23c521b53
commit
2fae82c1fe
|
@ -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`
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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>
|
||||
)}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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';
|
||||
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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';
|
||||
|
|
|
@ -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([
|
||||
|
|
|
@ -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';
|
||||
|
|
Loading…
Reference in New Issue