<commit_before>import React from "react";
import Room from "../room/Room.jsx";
import Lobby from "../lobby/Lobby.jsx";
import Settings from "../settings/Settings.jsx";
import Header from "../header/Header.jsx";
import { connect } from "react-redux";
import styled from "styled-components";
import { changeActiveRoom, changePresent } from "../users/localUserActions";
import EmoticonPicker from "../emoticon/EmoticonPicker.jsx";
import { getActiveRoomId, getSection } from "../../selectors/selectors.js";
import ImagePickModal from "../imagePick/ImagePickModal.jsx";
import ImageUploadModal from "../imageUpload/ImageUploadModal.jsx";

const Container = styled.div`
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
`;

const mapStateToProps = state => ({
	loaded: state.localUser.loaded,
	section: getSection(state),
	rooms: state.rooms,
	activeRoomId: getActiveRoomId(state),
	imagePick: state.imagePick
});

const mapDispatchToProps = {
	changeActiveRoom,
	changePresent
};

class Chat extends React.PureComponent {
	setActiveRoom() {
		const { changeActiveRoom, activeRoomId } = this.props;
		changeActiveRoom(activeRoomId);
	}

	componentDidMount() {
		this.setActiveRoom();
		window.document.addEventListener("visibilitychange", () => {
			this.props.changePresent(document.visibilityState === "visible");
		});
	}

	componentDidUpdate(prevProps) {
		if (prevProps.activeRoomId !== this.props.activeRoomId) {
			this.setActiveRoom();<commit_msg>font-size 16 on inputs so ios doesn't zoom?<commit_after>import React from "react";
import Room from "../room/Room.jsx";
import Lobby from "../lobby/Lobby.jsx";
import Settings from "../settings/Settings.jsx";
import Header from "../header/Header.jsx";
import { connect } from "react-redux";
import styled from "styled-components";
import { changeActiveRoom, changePresent } from "../users/localUserActions";
import EmoticonPicker from "../emoticon/EmoticonPicker.jsx";
import { getActiveRoomId, getSection } from "../../selectors/selectors.js";
import ImagePickModal from "../imagePick/ImagePickModal.jsx";
import ImageUploadModal from "../imageUpload/ImageUploadModal.jsx";

const Container = styled.div`
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
	
	input[type="text"],
	select:focus,
	textarea {
		font-size: 16px;
	}
`;

const mapStateToProps = state => ({
	loaded: state.localUser.loaded,
	section: getSection(state),
	rooms: state.rooms,
	activeRoomId: getActiveRoomId(state),
	imagePick: state.imagePick
});

const mapDispatchToProps = {
	changeActiveRoom,
	changePresent
};

class Chat extends React.PureComponent {
	setActiveRoom() {
		const { changeActiveRoom, activeRoomId } = this.props;
		changeActiveRoom(activeRoomId);
	}

	componentDidMount() {
		this.setActiveRoom();
		window.document.addEventListener("visibilitychange", () => {
			this.props.changePresent(document.visibilityState === "visible");
		});
	}

	componentDidUpdate(prevProps) {
		if (prevProps.activeRoomId !== this.props.activeRoomId) {
			this.setActiveRoom();
{'fraction_non_alphanumeric': 0.139198949441891, 'fraction_numerical': 0.005252790544977019, 'mean_word_length': 5.155555555555556, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '6857209', 'n_tokens_mistral': 990, 'n_tokens_neox': 930, 'n_words': 207}