vergnet/application-amicale
5
5
Fork 5
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: vergnet:ca107356d1848a31785d07c91aad763a68ab15a3
Branches Tags
vergnet:master
vergnet:functional-migration
vergnet:v5.0.0-3
vergnet:v5.0.0-2
vergnet:4.1.0
vergnet:4.0.1
vergnet:3.0.7
..
compare: vergnet:5ad1e1d3f3dba957da7d4ce8dc3286cccd461ed3
Branches Tags
vergnet:master
vergnet:functional-migration
vergnet:v5.0.0-3
vergnet:v5.0.0-2
vergnet:4.1.0
vergnet:4.0.1
vergnet:3.0.7

No commits in common. "ca107356d1848a31785d07c91aad763a68ab15a3" and "5ad1e1d3f3dba957da7d4ce8dc3286cccd461ed3" have entirely different histories.
ca107356d1 ... 5ad1e1d3f3

6 changed files with 102 additions and 123 deletions
Show stats Expand all files Collapse all files

12
package.json
View file

@ -23,15 +23,15 @@
"@react-native-community/async-storage": "^1.11.0", "@react-native-community/async-storage": "^1.11.0",
"@react-native-community/masked-view": "^0.1.10", "@react-native-community/masked-view": "^0.1.10",
"@react-native-community/push-notification-ios": "^1.3.0", "@react-native-community/push-notification-ios": "^1.3.0",
"@react-native-community/slider": "^3.0.3", "@react-native-community/slider": "^3.0.0",
"@react-navigation/bottom-tabs": "^5.7.1", "@react-navigation/bottom-tabs": "^5.7.0",
"@react-navigation/native": "^5.7.0", "@react-navigation/native": "^5.7.0",
"@react-navigation/stack": "^5.7.0", "@react-navigation/stack": "^5.7.0",
"i18n-js": "^3.7.1", "i18n-js": "^3.7.1",
"react": "16.13.1", "react": "16.13.1",
"react-native": "0.63.1", "react-native": "0.63.0",
"react-native-animatable": "^1.3.3", "react-native-animatable": "^1.3.3",
"react-native-app-intro-slider": "^4.0.4", "react-native-app-intro-slider": "^4.0.0",
"react-native-appearance": "^0.3.4", "react-native-appearance": "^0.3.4",
"react-native-autolink": "^3.0.0", "react-native-autolink": "^3.0.0",
"react-native-calendars": "^1.300.0", "react-native-calendars": "^1.300.0",
@ -43,11 +43,11 @@
"react-native-linear-gradient": "^2.5.6", "react-native-linear-gradient": "^2.5.6",
"react-native-localize": "^1.4.0", "react-native-localize": "^1.4.0",
"react-native-modalize": "^2.0.4", "react-native-modalize": "^2.0.4",
"react-native-paper": "^4.0.1", "react-native-paper": "^3.10.1",
"react-native-permissions": "^2.1.5", "react-native-permissions": "^2.1.5",
"react-native-push-notification": "^4.0.0", "react-native-push-notification": "^4.0.0",
"react-native-reanimated": "^1.9.0", "react-native-reanimated": "^1.9.0",
"react-native-render-html": "^4.2.1", "react-native-render-html": "^4.2.0",
"react-native-safe-area-context": "0.7.3", "react-native-safe-area-context": "0.7.3",
"react-native-screens": "^2.9.0", "react-native-screens": "^2.9.0",
"react-native-splash-screen": "^3.2.0", "react-native-splash-screen": "^3.2.0",

44
src/components/Home/EventDashboardItem.js
View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {Avatar, Card, Text, TouchableRipple, withTheme} from 'react-native-paper'; import {Avatar, Card, Text, withTheme} from 'react-native-paper';
import {StyleSheet, View} from "react-native"; import {StyleSheet} from "react-native";
import i18n from "i18n-js"; import i18n from "i18n-js";
import type {CustomTheme} from "../../managers/ThemeManager"; import type {CustomTheme} from "../../managers/ThemeManager";
@ -47,28 +47,24 @@ class EventDashBoardItem extends React.Component<Props> {
} else } else
subtitle = i18n.t('screens.home.dashboard.todayEventsSubtitleNA'); subtitle = i18n.t('screens.home.dashboard.todayEventsSubtitleNA');
return ( return (
<Card style={styles.card}> <Card
<TouchableRipple style={styles.card}
style={{flex: 1}} onPress={props.clickAction}>
onPress={props.clickAction}> <Card.Title
<View> title={i18n.t('screens.home.dashboard.todayEventsTitle')}
<Card.Title titleStyle={{color: textColor}}
title={i18n.t('screens.home.dashboard.todayEventsTitle')} subtitle={subtitle}
titleStyle={{color: textColor}} subtitleStyle={{color: textColor}}
subtitle={subtitle} left={() =>
subtitleStyle={{color: textColor}} <Avatar.Icon
left={() => icon={'calendar-range'}
<Avatar.Icon color={iconColor}
icon={'calendar-range'} size={60}
color={iconColor} style={styles.avatar}/>}
size={60} />
style={styles.avatar}/>} <Card.Content>
/> {props.children}
<Card.Content> </Card.Content>
{props.children}
</Card.Content>
</View>
</TouchableRipple>
</Card> </Card>
); );
} }

83
src/components/Home/FeedItem.js
View file

@ -1,7 +1,7 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {Button, Card, Text, TouchableRipple} from 'react-native-paper'; import {Button, Card, Text} from 'react-native-paper';
import {Image, View} from "react-native"; import {Image, View} from "react-native";
import Autolink from "react-native-autolink"; import Autolink from "react-native-autolink";
import i18n from "i18n-js"; import i18n from "i18n-js";
@ -75,50 +75,45 @@ class FeedItem extends React.Component<Props> {
margin: cardMargin, margin: cardMargin,
height: cardHeight, height: cardHeight,
}} }}
onPress={this.onPress}
> >
<TouchableRipple <Card.Title
style={{flex: 1}} title={this.props.title}
onPress={this.onPress}> subtitle={this.props.subtitle}
<View> left={this.getAvatar}
<Card.Title style={{height: titleHeight}}
title={this.props.title} />
subtitle={this.props.subtitle} {hasImage ?
left={this.getAvatar} <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
style={{height: titleHeight}} <ImageModal
/> resizeMode="contain"
{hasImage ? imageBackgroundColor={"#000"}
<View style={{marginLeft: 'auto', marginRight: 'auto'}}> style={{
<ImageModal width: imageSize,
resizeMode="contain" height: imageSize,
imageBackgroundColor={"#000"} }}
style={{ source={{
width: imageSize, uri: item.full_picture,
height: imageSize, }}
}} /></View> : null}
source={{ <Card.Content>
uri: item.full_picture, {item.message !== undefined ?
}} <Autolink
/></View> : null} text={item.message}
<Card.Content> hashtag="facebook"
{item.message !== undefined ? component={Text}
<Autolink style={{height: textHeight}}
text={item.message} /> : null
hashtag="facebook" }
component={Text} </Card.Content>
style={{height: textHeight}} <Card.Actions style={{height: actionsHeight}}>
/> : null <Button
} onPress={this.onPress}
</Card.Content> icon={'plus'}
<Card.Actions style={{height: actionsHeight}}> style={{marginLeft: 'auto'}}>
<Button {i18n.t('screens.home.dashboard.seeMore')}
onPress={this.onPress} </Button>
icon={'plus'} </Card.Actions>
style={{marginLeft: 'auto'}}>
{i18n.t('screens.home.dashboard.seeMore')}
</Button>
</Card.Actions>
</View>
</TouchableRipple>
</Card> </Card>
); );
} }

53
src/components/Home/PreviewEventDashboardItem.js
View file

@ -1,9 +1,9 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {StyleSheet, View} from "react-native"; import {StyleSheet} from "react-native";
import i18n from "i18n-js"; import i18n from "i18n-js";
import {Avatar, Button, Card, TouchableRipple} from 'react-native-paper'; import {Avatar, Button, Card} from 'react-native-paper';
import {getFormattedEventTime, isDescriptionEmpty} from "../../utils/Planning"; import {getFormattedEventTime, isDescriptionEmpty} from "../../utils/Planning";
import CustomHTML from "../Overrides/CustomHTML"; import CustomHTML from "../Overrides/CustomHTML";
import type {CustomTheme} from "../../managers/ThemeManager"; import type {CustomTheme} from "../../managers/ThemeManager";
@ -36,36 +36,31 @@ class PreviewEventDashboardItem extends React.Component<Props> {
return ( return (
<Card <Card
style={styles.card} style={styles.card}
onPress={props.clickAction}
elevation={3} elevation={3}
> >
<TouchableRipple {hasImage ?
style={{flex: 1}} <Card.Title
onPress={props.clickAction}> title={event.title}
<View> subtitle={getFormattedEventTime(event.date_begin, event.date_end)}
{hasImage ? left={getImage}
<Card.Title /> :
title={event.title} <Card.Title
subtitle={getFormattedEventTime(event.date_begin, event.date_end)} title={event.title}
left={getImage} subtitle={getFormattedEventTime(event.date_begin, event.date_end)}
/> : />}
<Card.Title {!isEmpty ?
title={event.title} <Card.Content style={styles.content}>
subtitle={getFormattedEventTime(event.date_begin, event.date_end)} <CustomHTML html={event.description}/>
/>} </Card.Content> : null}
{!isEmpty ?
<Card.Content style={styles.content}>
<CustomHTML html={event.description}/>
</Card.Content> : null}
<Card.Actions style={styles.actions}> <Card.Actions style={styles.actions}>
<Button <Button
icon={'chevron-right'} icon={'chevron-right'}
> >
{i18n.t("screens.home.dashboard.seeMore")} {i18n.t("screens.home.dashboard.seeMore")}
</Button> </Button>
</Card.Actions> </Card.Actions>
</View>
</TouchableRipple>
</Card> </Card>
); );
} else } else

4
src/components/Home/SmallDashboardItem.js
View file

@ -65,8 +65,8 @@ class SmallDashboardItem extends React.Component<Props> {
top: 0, top: 0,
right: 0, right: 0,
backgroundColor: props.theme.colors.primary, backgroundColor: props.theme.colors.primary,
borderColor: props.theme.colors.background, borderColor: "#fff",
borderWidth: 2, borderWidth: 1,
}}> }}>
{props.badgeCount} {props.badgeCount}
</AnimatableBadge> : null </AnimatableBadge> : null

29
src/components/Lists/CardList/CardListItem.js
View file

@ -1,8 +1,7 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {Caption, Card, Paragraph, TouchableRipple} from 'react-native-paper'; import {Caption, Card, Paragraph} from 'react-native-paper';
import {View} from "react-native";
import type {cardItem} from "./CardList"; import type {cardItem} from "./CardList";
type Props = { type Props = {
@ -29,23 +28,17 @@ export default class CardListItem extends React.Component<Props> {
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto', marginRight: 'auto',
}} }}
onPress={item.onPress}
> >
<TouchableRipple <Card.Cover
style={{flex: 1}} style={{height: 80}}
onPress={item.onPress}> source={source}
<View> />
<Card.Cover <Card.Content>
style={{height: 80}} <Paragraph>{item.title}</Paragraph>
source={source} <Caption>{item.subtitle}</Caption>
/> </Card.Content>
<Card.Content>
<Paragraph>{item.title}</Paragraph>
<Caption>{item.subtitle}</Caption>
</Card.Content>
</View>
</TouchableRipple>
</Card> </Card>
); );
} }
} }