bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'fix-text-theme' into 'develop'

Browse source 
Improve RelativeTimestamp theme

See merge request soapbox-pub/soapbox-fe!1564
This commit is contained in:
Justin 2022-06-23 18:39:32 +00:00
commit 04a56c2ad5
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/soapbox/components/relative_timestamp.js
View file

@ -120,6 +120,7 @@ class RelativeTimestamp extends React.Component {
intl: PropTypes.object.isRequired, intl: PropTypes.object.isRequired,
timestamp: PropTypes.string.isRequired, timestamp: PropTypes.string.isRequired,
year: PropTypes.number.isRequired, year: PropTypes.number.isRequired,
theme: PropTypes.string,
futureDate: PropTypes.bool, futureDate: PropTypes.bool,
}; };
@ -129,6 +130,7 @@ class RelativeTimestamp extends React.Component {
static defaultProps = { static defaultProps = {
year: (new Date()).getFullYear(), year: (new Date()).getFullYear(),
theme: 'inherit',
}; };
shouldComponentUpdate(nextProps, nextState) { shouldComponentUpdate(nextProps, nextState) {
@ -173,13 +175,13 @@ class RelativeTimestamp extends React.Component {
} }
render() { render() {
const { timestamp, intl, year, futureDate, ...textProps } = this.props; const { timestamp, intl, year, futureDate, theme, ...textProps } = this.props;
const date = new Date(timestamp); const date = new Date(timestamp);
const relativeTime = futureDate ? timeRemainingString(intl, date, this.state.now) : timeAgoString(intl, date, this.state.now, year); const relativeTime = futureDate ? timeRemainingString(intl, date, this.state.now) : timeAgoString(intl, date, this.state.now, year);
return ( return (
<Text {...textProps} theme='muted' tag='time' title={intl.formatDate(date, dateFormatOptions)}> <Text {...textProps} theme={theme} tag='time' title={intl.formatDate(date, dateFormatOptions)}>
{relativeTime} {relativeTime}
</Text> </Text>
); );