diff --git a/src/components/FirstTimeWelcome.tsx b/src/components/FirstTimeWelcome.tsx index f5edee52..a29dfe7e 100644 --- a/src/components/FirstTimeWelcome.tsx +++ b/src/components/FirstTimeWelcome.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { - View, - Text, - StyleSheet, - TouchableOpacity, - Dimensions, + View, + Text, + StyleSheet, + TouchableOpacity, + Dimensions, } from 'react-native'; import { MaterialIcons } from '@expo/vector-icons'; import { LinearGradient } from 'expo-linear-gradient'; @@ -12,95 +12,103 @@ import Animated, { FadeInDown } from 'react-native-reanimated'; import { useTheme } from '../contexts/ThemeContext'; import { NavigationProp, useNavigation } from '@react-navigation/native'; import { RootStackParamList } from '../navigation/AppNavigator'; +import { useTranslation } from 'react-i18next'; const { width } = Dimensions.get('window'); const FirstTimeWelcome = () => { - const { currentTheme } = useTheme(); - const navigation = useNavigation>(); + const { currentTheme } = useTheme(); + const navigation = useNavigation>(); + const { t } = useTranslation(); + return ( + + + + - return ( - - - - + + {t('first_time_welcome.welcome_msg')} + - - Welcome to Nuvio! - - - - To get started, install some addons to access content from various sources. - + + {t('first_time_welcome.get_started')} + - navigation.navigate('Addons')} - > - - Install Addons - - - ); + navigation.navigate('Addons')} + > + + + {t('first_time_welcome.install_addons')} + + + + ); }; const styles = StyleSheet.create({ - container: { - margin: 16, - padding: 24, - borderRadius: 16, - alignItems: 'center', - shadowColor: '#000', - shadowOffset: { - width: 0, - height: 2, - }, - shadowOpacity: 0.1, - shadowRadius: 8, - elevation: 4, - }, - iconContainer: { - width: 80, - height: 80, - borderRadius: 40, - alignItems: 'center', - justifyContent: 'center', - marginBottom: 16, - }, - title: { - fontSize: 20, - fontWeight: 'bold', - marginBottom: 8, - textAlign: 'center', - }, - description: { - fontSize: 14, - textAlign: 'center', - lineHeight: 20, - marginBottom: 20, - maxWidth: width * 0.7, - }, - button: { - flexDirection: 'row', - alignItems: 'center', - paddingVertical: 12, - paddingHorizontal: 20, - borderRadius: 25, - gap: 8, - }, - buttonText: { - color: 'white', - fontSize: 14, - fontWeight: '600', - }, + container: { + margin: 16, + padding: 24, + borderRadius: 16, + alignItems: 'center', + shadowColor: '#000', + shadowOffset: { + width: 0, + height: 2, + }, + shadowOpacity: 0.1, + shadowRadius: 8, + elevation: 4, + }, + iconContainer: { + width: 80, + height: 80, + borderRadius: 40, + alignItems: 'center', + justifyContent: 'center', + marginBottom: 16, + }, + title: { + fontSize: 20, + fontWeight: 'bold', + marginBottom: 8, + textAlign: 'center', + }, + description: { + fontSize: 14, + textAlign: 'center', + lineHeight: 20, + marginBottom: 20, + maxWidth: width * 0.7, + }, + button: { + flexDirection: 'row', + alignItems: 'center', + paddingVertical: 12, + paddingHorizontal: 20, + borderRadius: 25, + gap: 8, + }, + buttonText: { + color: 'white', + fontSize: 14, + fontWeight: '600', + }, }); -export default FirstTimeWelcome; \ No newline at end of file +export default FirstTimeWelcome; diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json index 5548bef5..d4b0109d 100644 --- a/src/i18n/locales/en.json +++ b/src/i18n/locales/en.json @@ -1509,6 +1509,11 @@ "tried_url": "Tried: {{url}}", "provider_logs": "Provider Logs", "no_logs_captured": "No logs captured." + }, + "first_time_welcome": { + "welcome_msg": "Welcome to Nuvio!", + "get_started": "To get started, install some addons to access content from various sources.", + "install_addons": "Install Addons" } } } diff --git a/src/i18n/locales/it.json b/src/i18n/locales/it.json index 8ccba9fd..3d0db7b2 100644 --- a/src/i18n/locales/it.json +++ b/src/i18n/locales/it.json @@ -1509,6 +1509,11 @@ "tried_url": "Provato: {{url}}", "provider_logs": "Log Provider", "no_logs_captured": "Nessun log catturato." + }, + "first_time_welcome": { + "welcome_msg": "Benvenuto su Nuvio!", + "get_started": "Per iniziare, installa addons per accedere ai contenuti da varie fonti", + "install_addons": "Installa Addon" } } }