Fixed missing transflations in ScaffoldAuth and fontSize issues in Leaderboard view

front/components/UI/ScaffoldAuth.tsx

@@ -4,6 +4,7 @@ import { FunctionComponent } from 'react';
 import { Linking, Platform, useWindowDimensions } from 'react-native';
 import ButtonBase from './ButtonBase';
 import { translate } from '../../i18n/i18n';
+import { useTranslation } from 'react-i18next';
 import API, { APIError } from '../../API';
 import SeparatorBase from './SeparatorBase';
 import LinkBase from './LinkBase';
@@ -38,6 +39,7 @@ const ScaffoldAuth: FunctionComponent<ScaffoldAuthProps> = ({
 	const dispatch = useDispatch();
 	const toast = useToast();
 	const colorScheme = useColorScheme();
+	const { t } = useTranslation();
 	const [logo] = useAssets(
 		colorScheme == 'light'
 			? require('../../assets/icon_light.png')
@@ -84,7 +86,7 @@ const ScaffoldAuth: FunctionComponent<ScaffoldAuthProps> = ({
 						)}
 					</Row>
 					<ButtonBase
-						title={translate('guestMode')}
+						title={t('guestMode')}
 						onPress={async () => {
 							try {
 								handleGuestLogin((accessToken: string) => {
@@ -152,7 +154,7 @@ const ScaffoldAuth: FunctionComponent<ScaffoldAuthProps> = ({
 								title={translate('continuewithgoogle')}
 								onPress={() => Linking.openURL(`${API.baseUrl}/auth/login/google`)}
 							/>
-							<SeparatorBase>or</SeparatorBase>
+							<SeparatorBase>{t('authOrSection')}</SeparatorBase>
 							<Stack
 								space={3}
 								justifyContent="center"

front/components/leaderboard/BoardRow.tsx

@@ -52,12 +52,10 @@ export const BoardRow = ({ userAvatarUrl, userPseudo, userLvl, index }: BoardRow
 			</View>
 
 			<Text
+				fontSize={16}
 				style={{
-					fontSize: 16,
-					fontStyle: 'normal',
 					flex: 1,
 					marginHorizontal: 10,
-					fontWeight: '500',
 					maxWidth: '100%',
 				}}
 				isTruncated
@@ -86,14 +84,7 @@ export const BoardRow = ({ userAvatarUrl, userPseudo, userLvl, index }: BoardRow
 					justifyContent: 'center',
 				}}
 			>
-				<Text
-					style={{
-						fontSize: 16,
-						fontStyle: 'normal',
-						fontWeight: '500',
-						textAlign: 'center',
-					}}
-				>
+				<Text fontSize={16} textAlign={'center'}>
 					{index}
 				</Text>
 			</View>

front/components/leaderboard/PodiumCard.tsx

@@ -62,15 +62,7 @@ export const PodiumCard = ({
 				</Avatar>
 			</View>
 			<View>
-				<Text
-					style={{
-						fontSize: 20,
-						fontWeight: '500',
-						maxWidth: '100%',
-					}}
-					numberOfLines={2}
-					isTruncated
-				>
+				<Text fontSize={20} numberOfLines={2} isTruncated>
 					{userPseudo ?? '---'}
 				</Text>
 				<View
@@ -82,12 +74,7 @@ export const PodiumCard = ({
 						gap: 5,
 					}}
 				>
-					<Text
-						style={{
-							fontSize: 24,
-							fontWeight: '500',
-						}}
-					>
+					<Text fontSize={24} fontWeight={'bold'}>
 						{userLvl ?? '-'}
 					</Text>
 					<MedalStar size="24" variant="Bold" color={medalColor} />