vergnet
/
application-amicale


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							// @flow

import * as React from 'react';
import {Image} from 'react-native';
import {Container, Content, H1, H3, View} from 'native-base';
import ThemeManager from "../utils/ThemeManager";
import HTML from "react-native-render-html";
import {Linking} from "expo";
import PlanningEventManager from '../utils/PlanningEventManager';

type Props = {
    navigation: Object,
    route: Object
};

function openWebLink(event, link) {
    Linking.openURL(link).catch((err) => console.error('Error opening link', err));
}

/**
 * Class defining an about screen. This screen shows the user information about the app and it's author.
 */
export default class PlanningDisplayScreen extends React.Component<Props> {

    displayData = this.props.route.params['data'];

    render() {
        // console.log("rendering planningDisplayScreen");
        return (
            <Container>
                <Content padder>
                    <H1>
                        {this.displayData.title}
                    </H1>
                    <H3 style={{
                        marginTop: 10,
                        color: ThemeManager.getCurrentThemeVariables().listNoteColor
                    }}>
                        {PlanningEventManager.getFormattedTime(this.displayData)}
                    </H3>
                    {this.displayData.logo !== null ?
                        <View style={{width: '100%', height: 300, marginTop: 20, marginBottom: 20}}>
                            <Image style={{flex: 1, resizeMode: "contain"}}
                                   source={{uri: this.displayData.logo}}/>
                        </View>
                        : <View/>}

                    {this.displayData.description !== null ?
                        // Surround description with div to allow text styling if the description is not html
                        <HTML html={"<div>" + this.displayData.description + "</div>"}
                              tagsStyles={{
                                  p: {
                                      color: ThemeManager.getCurrentThemeVariables().textColor,
                                      fontSize: ThemeManager.getCurrentThemeVariables().fontSizeBase
                                  },
                                  div: {color: ThemeManager.getCurrentThemeVariables().textColor}
                              }}
                              onLinkPress={openWebLink}/>
                        : <View/>}
                </Content>
            </Container>
        );
    }
}