34 lines
650 B
JavaScript
34 lines
650 B
JavaScript
import React from 'react';
|
|
import { ImageBackground, StyleSheet } from 'react-native';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const styles = StyleSheet.create({
|
|
image: {
|
|
width: '100%',
|
|
height: '100%',
|
|
position: 'absolute'
|
|
}
|
|
});
|
|
|
|
const EmptyRoom = React.memo(({
|
|
length, mounted, theme, rid
|
|
}) => {
|
|
if ((length === 0 && mounted) || !rid) {
|
|
return (
|
|
<ImageBackground
|
|
source={{ uri: `message_empty_${ theme }` }}
|
|
style={styles.image}
|
|
/>
|
|
);
|
|
}
|
|
return null;
|
|
});
|
|
|
|
EmptyRoom.propTypes = {
|
|
length: PropTypes.number.isRequired,
|
|
mounted: PropTypes.bool,
|
|
theme: PropTypes.string,
|
|
rid: PropTypes.string
|
|
};
|
|
export default EmptyRoom;
|