Front: Pretty and Lint (#225)

front/components/CompetenciesTable.tsx

@@ -1,6 +1,6 @@
-import { useNavigation } from "../Navigation";
-import { HStack, VStack, Text, Progress } from "native-base";
-import { translate } from "../i18n/i18n";
+import { useNavigation } from '../Navigation';
+import { HStack, VStack, Text, Progress } from 'native-base';
+import { translate } from '../i18n/i18n';
 import Card from './Card';
 
 type CompetenciesTableProps = {
@@ -10,26 +10,32 @@ type CompetenciesTableProps = {
 	accuracyCompetency: number;
 	arpegeCompetency: number;
 	chordsCompetency: number;
-}
+};
 
 const CompetenciesTable = (props: CompetenciesTableProps) => {
 	const navigation = useNavigation();
 	return (
 		<Card padding={5} onPress={() => navigation.navigate('User')} shadow={3}>
-			<HStack space={5} flex={1}> 
-				<VStack space={5}> 
-				{ Object.keys(props).map((competencyName, i) => (
-					<Text bold key={i}>{translate(competencyName as keyof CompetenciesTableProps)}</Text>
-				))}
+			<HStack space={5} flex={1}>
+				<VStack space={5}>
+					{Object.keys(props).map((competencyName, i) => (
+						<Text bold key={i}>
+							{translate(competencyName as keyof CompetenciesTableProps)}
+						</Text>
+					))}
 				</VStack>
 				<VStack space={5} flex={1}>
-				{ Object.keys(props).map((competencyName, i) => (
-					<Progress key={i} flex={1} value={props[competencyName as keyof CompetenciesTableProps]} />
-				))}
+					{Object.keys(props).map((competencyName, i) => (
+						<Progress
+							key={i}
+							flex={1}
+							value={props[competencyName as keyof CompetenciesTableProps]}
+						/>
+					))}
 				</VStack>
-			</HStack>	
+			</HStack>
 		</Card>
-	)
-}
+	);
+};
 
-export default CompetenciesTable
+export default CompetenciesTable;