diff --git a/web/app/components/root/root.jsx b/web/app/components/root/root.jsx index 3d4a34a6..175b37ef 100644 --- a/web/app/components/root/root.jsx +++ b/web/app/components/root/root.jsx @@ -2,7 +2,7 @@ import { h, Component } from 'preact'; import api from 'common/api'; import { BASE_URL, NODE_ID, COMMENT_NODE_CLASSNAME_PREFIX, DEFAULT_SORT, LS_SORT_KEY, MAX_SHOWN_ROOT_COMMENTS } from 'common/constants'; -import { url } from 'common/settings'; +import { url, maxShownComments } from 'common/settings'; import store from 'common/store'; import AuthPanel from 'components/auth-panel'; @@ -12,6 +12,8 @@ import Input from 'components/input'; import Preloader from 'components/preloader'; import Thread from 'components/thread'; +const IS_MOBILE = /Android|webOS|iPhone|iPad|iPod|Opera Mini|Windows Phone/i.test(navigator.userAgent); + export default class Root extends Component { constructor(props) { super(props); @@ -29,7 +31,7 @@ export default class Root extends Component { isCommentsListLoading: false, user: {}, sort, - commentsShown: MAX_SHOWN_ROOT_COMMENTS, + commentsShown: maxShownComments || MAX_SHOWN_ROOT_COMMENTS, }; this.addComment = this.addComment.bind(this); @@ -238,7 +240,7 @@ export default class Root extends Component { !!comments.length && !isCommentsListLoading && (
{ - comments.slice(0, commentsShown).map(thread => ( + (IS_MOBILE ? comments.slice(0, commentsShown) : comments).map(thread => (