From 356d7c2092f7fe20abec3d217a2a3bb8eae79fc8 Mon Sep 17 00:00:00 2001
From: keplyx <keplyx@gmail.com>
Date: Thu, 27 Jun 2019 10:45:16 +0200
Subject: [PATCH] Added wiketud link in drawer

---
 components/SideMenu.js | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/components/SideMenu.js b/components/SideMenu.js
index eecdfb6..a5958e5 100644
--- a/components/SideMenu.js
+++ b/components/SideMenu.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Platform, Dimensions, StyleSheet, Image, FlatList} from 'react-native';
+import {Platform, Dimensions, StyleSheet, Image, FlatList, Linking} from 'react-native';
 import {Badge, Text, Container, Content, Icon, Left, ListItem, Right} from "native-base";
 import i18n from "i18n-js";
 
@@ -7,6 +7,8 @@ const deviceHeight = Dimensions.get("window").height;
 
 const drawerCover = require("../assets/drawer-cover.png");
 
+const WIKETUD_LINK = "https://www.etud.insa-toulouse.fr/wiketud/index.php/Accueil";
+
 export default class SideBar extends React.Component {
 
     constructor(props) {
@@ -43,6 +45,13 @@ export default class SideBar extends React.Component {
                 bg: "#477EEA",
                 // types: "11"
             },
+            {
+                name: "Wiketud",
+                route: "",
+                icon: "web",
+                bg: "#477EEA",
+                // types: "11"
+            },
             {
                 name: i18n.t('screens.settings'),
                 route: "Settings",
@@ -60,7 +69,7 @@ export default class SideBar extends React.Component {
         ];
     }
 
-    navigateToScreen = (route) => () => {
+    navigateToScreen(route) {
         this.props.navigation.navigate(route);
         this.props.navigation.closeDrawer();
         this.setState({active: route});
@@ -71,9 +80,9 @@ export default class SideBar extends React.Component {
             <Container>
                 <Content
                     bounces={false}
-                    style={{ flex: 1, top: -1 }}
+                    style={{flex: 1, top: -1}}
                 >
-                    <Image source={drawerCover} style={styles.drawerCover} />
+                    <Image source={drawerCover} style={styles.drawerCover}/>
 
                     <FlatList
                         data={this.dataSet}
@@ -82,25 +91,28 @@ export default class SideBar extends React.Component {
                         renderItem={({item}) =>
                             <ListItem
                                 button
-                                noBorder={item.route !== 'Proximo'} // Display a separator before settings
+                                noBorder={item.name !== 'Wiketud'} // Display a separator before settings
                                 selected={this.state.active === item.route}
-                                onPress={
-                                    this.navigateToScreen(item.route)
-                                }
+                                onPress={() => {
+                                    if (item.name !== 'Wiketud')
+                                        this.navigateToScreen(item.route);
+                                    else
+                                        Linking.openURL(WIKETUD_LINK).catch((err) => console.error('Error opening link', err));
+                                }}
                             >
                                 <Left>
                                     <Icon
                                         active
                                         name={item.icon}
                                         type={'MaterialCommunityIcons'}
-                                        style={{ color: "#777", fontSize: 26, width: 30 }}
+                                        style={{color: "#777", fontSize: 26, width: 30}}
                                     />
                                     <Text style={styles.text}>
                                         {item.name}
                                     </Text>
                                 </Left>
                                 {item.types &&
-                                <Right style={{ flex: 1 }}>
+                                <Right style={{flex: 1}}>
                                     <Badge
                                         style={{
                                             borderRadius: 3,