// @flow import * as React from 'react'; import {Image, Linking, TouchableOpacity, View} from 'react-native'; import {Body, Button, Card, CardItem, Left, Text, Thumbnail} from 'native-base'; import i18n from "i18n-js"; import CustomMaterialIcon from '../components/CustomMaterialIcon'; import FetchedDataSectionList from "../components/FetchedDataSectionList"; import Autolink from 'react-native-autolink'; const ICON_AMICALE = require('../assets/amicale.png'); const NAME_AMICALE = 'Amicale INSA Toulouse'; const DATA_URL = "https://etud.insa-toulouse.fr/~vergnet/appli-amicale/facebook_data.json"; /** * Opens a link in the device's browser * @param link The link to open */ function openWebLink(link) { Linking.openURL(link).catch((err) => console.error('Error opening link', err)); } /** * Class defining the app's home screen */ export default class HomeScreen extends FetchedDataSectionList { constructor() { super(DATA_URL); } getHeaderTranslation() { return i18n.t("screens.home"); } getUpdateToastTranslations() { return [i18n.t("homeScreen.listUpdated"), i18n.t("homeScreen.listUpdateFail")]; } getKeyExtractor(item: Object) { return item !== undefined ? item.id : undefined; } createDataset(fetchedData: Object) { let data = []; if (fetchedData.data !== undefined) data = fetchedData.data; return [ { title: '', data: data, extraData: super.state, keyExtractor: this.getKeyExtractor } ]; } /** * Converts a dateString using Unix Timestamp to a formatted date * @param dateString {string} The Unix Timestamp representation of a date * @return {string} The formatted output date */ static getFormattedDate(dateString: string) { let date = new Date(Number.parseInt(dateString) * 1000); return date.toLocaleString(); } getRenderItem(item: Object, section: Object, data: Object) { return ( {NAME_AMICALE} {HomeScreen.getFormattedDate(item.created_time)} {item.full_picture !== '' && item.full_picture !== undefined ? openWebLink(item.full_picture)} style={{width: '100%', height: 250}}> : } {item.message !== undefined ? : } ); } }