vn-verdnaturachat/app/presentation/RoomItem/UnreadBadge.js

45 lines
915 B
JavaScript
Raw Normal View History

2019-04-18 20:57:35 +00:00
import React from 'react';
import PropTypes from 'prop-types';
import { View, Text } from 'react-native';
import styles from './styles';
2019-12-04 16:39:53 +00:00
import { themes } from '../../constants/colors';
2019-04-18 20:57:35 +00:00
2019-12-04 16:39:53 +00:00
const UnreadBadge = React.memo(({
theme, unread, userMentions, type
}) => {
2019-04-18 20:57:35 +00:00
if (!unread || unread <= 0) {
return;
}
if (unread >= 1000) {
unread = '999+';
}
const mentioned = userMentions > 0 && type !== 'd';
return (
2019-12-04 16:39:53 +00:00
<View
style={[
styles.unreadNumberContainer,
{ backgroundColor: mentioned ? themes[theme].tintColor : themes[theme].borderColor }
]}
>
<Text
style={[
styles.unreadText,
{ color: mentioned ? themes[theme].buttonText : themes[theme].bodyText }
]}
>{ unread }
</Text>
2019-04-18 20:57:35 +00:00
</View>
);
});
UnreadBadge.propTypes = {
2019-12-04 16:39:53 +00:00
theme: PropTypes.string,
2019-04-18 20:57:35 +00:00
unread: PropTypes.number,
userMentions: PropTypes.number,
type: PropTypes.string
};
export default UnreadBadge;