import React from 'react';
import { View } from 'react-native';
// PDF
import Pdf from 'react-native-pdf';
// FileSytem
import * as FileSystem from 'expo-file-system';
// Style
import styles from '../../Resources/Styles/PDFStyle';

class PDFScreen extends React.Component {
    render() {
        const { uuid } = this.props.route.params;
        const source = {
            uri: FileSystem.documentDirectory + uuid + '.pdf',
            cache: false,
        };
        return (
            <View style={styles.container}>
                <Pdf
                    source={source}
                    onLoadComplete={(numberOfPages, filePath) => {
                        //console.log(`number of pages: ${numberOfPages}`);
                    }}
                    onPageChanged={(page, numberOfPages) => {
                        //console.log(`current page: ${page}`);
                    }}
                    onError={error => {
                        console.log(error);
                    }}
                    onPressLink={uri => {
                        //console.log(`Link presse: ${uri}`);
                    }}
                    style={styles.pdf}
                />
            </View>
        );
    }
}

export default PDFScreen;