application-amicale/components/Home/FeedItem.js

72 lines
2.1 KiB
JavaScript
Raw Normal View History

import * as React from 'react';
import {Avatar, Button, Card, withTheme} from 'react-native-paper';
import {View} from "react-native";
import Autolink from "react-native-autolink";
import i18n from "i18n-js";
import ImageModal from 'react-native-image-modal';
2020-04-02 15:33:12 +02:00
2020-04-02 10:07:20 +02:00
const ICON_AMICALE = require('../../assets/amicale.png');
2020-03-29 14:46:44 +02:00
/**
* Gets the amicale INSAT logo
*
* @return {*}
*/
function getAvatar() {
return (
<Avatar.Image size={48} source={ICON_AMICALE}
style={{backgroundColor: 'transparent'}}/>
);
}
2020-03-29 14:46:44 +02:00
/**
* Component used to display a feed item
*
* @param props Props to pass to the component
* @return {*}
*/
function FeedItem(props) {
const {colors} = props.theme;
return (
<Card style={{margin: 10}}>
<Card.Title
title={props.title}
subtitle={props.subtitle}
left={getAvatar}
/>
{props.full_picture !== '' && props.full_picture !== undefined ?
<View style={{marginLeft: 'auto', marginRight: 'auto'}}>
<ImageModal
resizeMode="contain"
imageBackgroundColor={colors.background}
style={{
width: 250,
height: 250,
}}
source={{
uri: props.full_picture,
}}
/></View> : <View/>}
<Card.Content>
{props.message !== undefined ?
<Autolink
text={props.message}
hashtag="facebook"
style={{color: colors.text}}
/> : <View/>
}
</Card.Content>
<Card.Actions>
<Button
color={'#57aeff'}
onPress={props.onOutLinkPress}
2020-03-29 14:46:44 +02:00
icon={'facebook'}>
{i18n.t('homeScreen.dashboard.seeMore')}
</Button>
</Card.Actions>
</Card>
);
}
export default withTheme(FeedItem);