cleanup. Add link.

Author: nsconde

src/screens/DetailCard.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, Text } from 'react-native'
+import { View, Text, Linking } from 'react-native'
 import { Card} from 'react-native-elements'
 import { IGithubRepoItem } from './Home';
 import { NavigationStackProp } from 'react-navigation-stack';
@@ -8,32 +8,37 @@ const DetailCard = (props: {navigation: NavigationStackProp<{item: IGithubRepoIt
 	const repo = props.navigation.getParam('item');
 	return (
 		<Card titleStyle={{fontSize: 24}} title={repo.name} image={{uri: repo.owner.avatar_url}}>
-			<View>
+			<>
 				{ repo.description ? ( 
-					<View>
+					<>
 						<Text style={{fontSize: 18, fontWeight: 'bold'}}>Description: </Text>
 						<Text style={{fontSize: 16}}>{repo.description}</Text>
-					</View>
+					</>
 				) : null }
 				{ repo.stargazers_count ? ( 
-					<View>
+					<>
 						<Text style={{fontSize: 18, fontWeight: 'bold'}}>Stars: </Text>
 						<Text style={{fontSize: 16}}>{repo.stargazers_count}</Text>
-					</View>
+					</>
 				) : null }
 				{ repo.language ? ( 
-					<View>
+					<>
 						<Text style={{fontSize: 18, fontWeight: 'bold'}}>Language: </Text>
 						<Text style={{fontSize: 16}}>{repo.language}</Text>
-					</View>
+					</>
 				) : null }
 				{ repo.owner.login ? ( 
-					<View>
+					<>
 						<Text style={{fontSize: 18, fontWeight: 'bold'}}>Owner: </Text>
 						<Text style={{fontSize: 16}}>{repo.owner.login}</Text>
-					</View>
+					</>
 				) : null }
-			</View>
+				<Text style={{fontSize: 18, fontWeight: 'bold'}}>Link To Repo: </Text>
+				<Text style={{color: 'blue', fontSize: 16}}
+					onPress={() => Linking.openURL(repo.html_url)}>
+					{repo.html_url}
+				</Text>
+			</>
 		</Card>
 	)
 }

src/screens/Home.tsx

@@ -19,7 +19,8 @@ export interface IGithubRepoItem {
   name: string, 
   description: string, 
   stargazers_count: number, 
-  language: string, 
+  language: string,
+  html_url: string,
   owner: { login: string, avatar_url: string }
 }