fastcomments-react-native-sdk/src/components/pagination-next.js

React Native FastComments Components. Add live commenting to any React Native application.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { TouchableOpacity, useWindowDimensions, View } from "react-native";
import RenderHtml from 'react-native-render-html';
import { canPaginateNext } from "../services/pagination";
export function PaginationNext({ state, styles, doPaginate }) {
    if (canPaginateNext(state)) {
        const { width } = useWindowDimensions();
        // These translations contain HTML.
        return _jsxs(View, { style: styles.paginationNext?.root, children: [_jsx(TouchableOpacity, { onPress: () => doPaginate(false), children: _jsx(RenderHtml, { source: {
                            html: state.translations.NEXT.get()
                        }, contentWidth: width, baseStyle: styles.paginationNext?.next, tagsStyles: styles.paginationNext?.nextHTMLStyles }) }), state.commentCountOnServer.get() < 2000 &&
                    _jsx(TouchableOpacity, { onPress: () => doPaginate(true), children: _jsx(RenderHtml, { source: {
                                html: state.translations.LOAD_ALL.get().replace('[count]', '(' + Number(state.commentCountOnServer.get()).toLocaleString() + ')')
                            }, contentWidth: width, baseStyle: styles.paginationNext?.all, tagsStyles: styles.paginationNext?.allHTMLStyles }) })] });
    }
    return null;
}