34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { View, Text, Linking } from 'react-native';
|
||
|
|
|
||
|
|
import I18n from '../../i18n';
|
||
|
|
import { useAppSelector } from '../../lib/hooks';
|
||
|
|
import { useTheme } from '../../theme';
|
||
|
|
import { CustomIcon } from '../CustomIcon';
|
||
|
|
import Button from '../Button';
|
||
|
|
import { styles } from './styles';
|
||
|
|
import { LEARN_MORE_URL } from './constants';
|
||
|
|
|
||
|
|
export const SupportedVersionsExpired = () => {
|
||
|
|
const { colors } = useTheme();
|
||
|
|
const { name } = useAppSelector(state => state.server);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<View style={[styles.container, { paddingTop: 120, backgroundColor: colors.focusedBackground }]}>
|
||
|
|
<View style={styles.iconContainer}>
|
||
|
|
<CustomIcon name='warning' size={36} color={colors.dangerColor} />
|
||
|
|
</View>
|
||
|
|
<Text style={[styles.title, { color: colors.titleText }]}>
|
||
|
|
{I18n.t('Supported_versions_expired_title', { workspace_name: name })}
|
||
|
|
</Text>
|
||
|
|
<Text style={[styles.description, { color: colors.bodyText }]}>{I18n.t('Supported_versions_expired_description')}</Text>
|
||
|
|
<Button
|
||
|
|
title={I18n.t('Learn_more')}
|
||
|
|
type='secondary'
|
||
|
|
backgroundColor={colors.chatComponentBackground}
|
||
|
|
onPress={() => Linking.openURL(LEARN_MORE_URL)}
|
||
|
|
/>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|