mattermost-mobile/app/screens/about/server_version.tsx

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

import FormattedText from '@components/formatted_text';
import {useTheme} from '@context/theme';
import {t} from '@i18n';
import {makeStyleSheetFromTheme} from '@utils/theme';

import type SystemModel from '@typings/database/models/servers/system';

type ServerVersionProps = {
    config: SystemModel;
}

const ServerVersion = ({config}: ServerVersionProps) => {
    const buildNumber = config.value.BuildNumber;
    const version = config.value.Version;
    const theme = useTheme();
    const style = getStyleSheet(theme);

    let id = t('mobile.about.serverVersion');
    let defaultMessage = 'Server Version: {version} (Build {number})';
    let values = {
        version,
        number: buildNumber,
    };

    if (buildNumber === version) {
        id = t('mobile.about.serverVersionNoBuild');
        defaultMessage = 'Server Version: {version}';
        values = {
            version,
            number: undefined,
        };
    }
    return (
        <FormattedText
            id={id}
            defaultMessage={defaultMessage}
            style={style.info}
            values={values}
            testID='about.server_version'
        />
    );
};

const getStyleSheet = makeStyleSheetFromTheme((theme) => {
    return {
        info: {
            color: theme.centerChannelColor,
            fontSize: 16,
            lineHeight: 19,
        },
    };
});

export default ServerVersion;