Merge pull request #3816 from tylershuster/chat-dates

chat: fixes relative datestamps
This commit is contained in:
matildepark 2020-10-27 20:52:53 -04:00 committed by GitHub
commit da629def1e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -19,7 +19,7 @@ export const UnreadMarker = React.forwardRef(({ dayBreak, when }, ref) => (
<Text flexShrink='0' display='block' zIndex='2' mx='4' color='blue'>New messages below</Text> <Text flexShrink='0' display='block' zIndex='2' mx='4' color='blue'>New messages below</Text>
<Rule borderColor='blue' flexGrow='1' m='0'/> <Rule borderColor='blue' flexGrow='1' m='0'/>
{dayBreak {dayBreak
? <Text display='block' gray mx='4'>{moment(when).calendar()}</Text> ? <Text display='block' gray mx='4'>{moment(when).calendar(null, { sameElse: DATESTAMP_FORMAT })}</Text>
: null} : null}
<Rule style={{ width: "calc(50% - 48px)" }} borderColor='blue' m='0' /> <Rule style={{ width: "calc(50% - 48px)" }} borderColor='blue' m='0' />
</Row> </Row>
@ -27,7 +27,7 @@ export const UnreadMarker = React.forwardRef(({ dayBreak, when }, ref) => (
export const DayBreak = ({ when }) => ( export const DayBreak = ({ when }) => (
<div className="pv3 gray2 b--gray2 flex items-center justify-center f9 w-100"> <div className="pv3 gray2 b--gray2 flex items-center justify-center f9 w-100">
<p>{moment(when).calendar()}</p> <p>{moment(when).calendar(null, { sameElse: DATESTAMP_FORMAT })}</p>
</div> </div>
); );