<commit_before>import React from "react";
import { connect } from "react-redux";
import MessageText from "../message/MessageText.jsx";

const mapStateToProps = (state, props) => ({
	topic: state.rooms[props.roomId].topic
});

class RoomTopic extends React.PureComponent {
	render() {
		const { topic } = this.props;
		return topic ? (
			<div className="p-2 border-dark border-top-0 border-bottom border-left-0 border-right-0">
				<MessageText className="p-2" text={topic} />
			</div>
		) : null;
	}
}

export default connect(mapStateToProps)(RoomTopic);
<commit_msg>no room topic on mobile<commit_after>import React from "react";
import { connect } from "react-redux";
import MessageText from "../message/MessageText.jsx";

const mapStateToProps = (state, props) => ({
	topic: state.rooms[props.roomId].topic
});

class RoomTopic extends React.PureComponent {
	render() {
		const { topic } = this.props;
		return topic ? (
			<div className="p-2 border-dark border-top-0 border-bottom border-left-0 border-right-0 d-none d-md-block">
				<MessageText className="p-2" text={topic} />
			</div>
		) : null;
	}
}

export default connect(mapStateToProps)(RoomTopic);

{'fraction_non_alphanumeric': 0.15008576329331047, 'fraction_numerical': 0.008576329331046312, 'mean_word_length': 4.256756756756757, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3374675', 'n_tokens_mistral': 399, 'n_tokens_neox': 378, 'n_words': 92}