- The fix is in! Linty fresh and pretty...

This commit is contained in:
Mike Fitzpatrick
2019-08-08 16:18:08 -04:00
parent dfc4daf696
commit ebb6f47455
52 changed files with 453 additions and 259 deletions

View File

@@ -83,28 +83,28 @@ export default class AuctionListItem extends Component {
)}
<View style={styles.rowText}>
{type === ITEM_TYPES.AUCTION && <BidStatus itemId={id} />}
<Text style={styles.title} numberOfLines={2} ellipsizeMode={'tail'}>
<Text style={styles.title} numberOfLines={2} ellipsizeMode="tail">
{title}
</Text>
<Text style={styles.subtitle} numberOfLines={1} ellipsizeMode={'tail'}>
<Text style={styles.subtitle} numberOfLines={1} ellipsizeMode="tail">
{subtitle}
</Text>
{donor && (
<Text style={styles.donor} numberOfLines={1} ellipsizeMode={'tail'}>
<Text style={styles.donor} numberOfLines={1} ellipsizeMode="tail">
{donor}
</Text>
)}
{type === ITEM_TYPES.AUCTION ? (
<AuctionPriceAndBidCount itemId={id} />
) : (
<Text style={styles.price} numberOfLines={1} ellipsizeMode={'tail'}>
<Text style={styles.price} numberOfLines={1} ellipsizeMode="tail">
{formatPrice(startingPrice)}
</Text>
)}
<Text style={styles.timeline} numberOfLines={1}>
{this._getBidTime()}
</Text>
<Text style={styles.description} numberOfLines={3} ellipsizeMode={'tail'}>
<Text style={styles.description} numberOfLines={3} ellipsizeMode="tail">
{description}
</Text>
</View>

View File

@@ -6,9 +6,11 @@ import { formatPrice } from '../../library/helpers.js';
import { StyleSheet, Text } from 'react-native';
const AuctionPriceAndBidCount = ({ bidCount, currentPrice }) => {
const _getPriceAndBidString = () => `${formatPrice(currentPrice)} (${bidCount} bids)`;
return (
<Text style={styles.currentPriceAndBidCount} numberOfLines={1}>
{`${formatPrice(currentPrice)} (${bidCount} bids)`}
{_getPriceAndBidString()}
</Text>
);
};

View File

@@ -9,7 +9,7 @@ const BidStatus = ({ isBidding, isWinning }) => {
}
const statusBarStyle = isWinning
? [styles.bidStatus, styes.isWinning]
? [styles.bidStatus, styles.isWinning]
: [styles.bidStatus, styles.isOutbid];
return (

View File

@@ -3,10 +3,15 @@ import PropTypes from 'prop-types';
import { StyleSheet, Text, View } from 'react-native';
const STRINGS = {
FILTER: 'Filter',
VIEW: 'View',
};
const FilterBar = ({ changeFilterer, changeViewMode, filterMode, viewMode }) => (
<View style={styles.filterBar}>
<Text style={styles.filter}>Filter</Text>
<Text style={styles.view}>View</Text>
<Text style={styles.filter}>{STRINGS.FILTER}</Text>
<Text style={styles.view}>{STRINGS.VIEW}</Text>
</View>
);