|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
4
|
4
|
import {ScrollView, View} from 'react-native';
|
5
|
5
|
import HTML from "react-native-render-html";
|
6
|
6
|
import {Linking} from "expo";
|
7
|
|
-import {Avatar, Card, Paragraph, withTheme} from 'react-native-paper';
|
|
7
|
+import {Avatar, Card, Chip, Paragraph, withTheme} from 'react-native-paper';
|
8
|
8
|
import ImageModal from 'react-native-image-modal';
|
9
|
9
|
|
10
|
10
|
type Props = {
|
|
@@ -26,6 +26,7 @@ function openWebLink(event, link) {
|
26
|
26
|
class ClubDisplayScreen extends React.Component<Props, State> {
|
27
|
27
|
|
28
|
28
|
displayData = this.props.route.params['data'];
|
|
29
|
+ categories = this.props.route.params['categories'];
|
29
|
30
|
|
30
|
31
|
colors: Object;
|
31
|
32
|
|
|
@@ -42,6 +43,23 @@ class ClubDisplayScreen extends React.Component<Props, State> {
|
42
|
43
|
this.props.navigation.setOptions({title: this.displayData.name})
|
43
|
44
|
}
|
44
|
45
|
|
|
46
|
+ getCategoryName(id: number) {
|
|
47
|
+ for (let i = 0; i < this.categories.length; i++) {
|
|
48
|
+ if (id === this.categories[i].id)
|
|
49
|
+ return this.categories[i].name;
|
|
50
|
+ }
|
|
51
|
+ return "";
|
|
52
|
+ }
|
|
53
|
+
|
|
54
|
+ getCategoriesRender(categories: Array<number|null>) {
|
|
55
|
+ let final = [];
|
|
56
|
+ for (let i = 0; i < categories.length; i++) {
|
|
57
|
+ if (categories[i] !== null)
|
|
58
|
+ final.push(<Chip style={{marginRight: 5}}>{this.getCategoryName(categories[i])}</Chip>);
|
|
59
|
+ }
|
|
60
|
+ return <View style={{flexDirection: 'row', marginTop: 5}}>{final}</View>;
|
|
61
|
+ }
|
|
62
|
+
|
45
|
63
|
getResponsiblesRender(resp: Array<string>) {
|
46
|
64
|
let final = [];
|
47
|
65
|
for (let i = 0; i < resp.length; i++) {
|
|
@@ -67,8 +85,14 @@ class ClubDisplayScreen extends React.Component<Props, State> {
|
67
|
85
|
render() {
|
68
|
86
|
return (
|
69
|
87
|
<ScrollView style={{paddingLeft: 5, paddingRight: 5}}>
|
|
88
|
+ {this.getCategoriesRender(this.displayData.category)}
|
70
|
89
|
{this.displayData.logo !== null ?
|
71
|
|
- <View style={{marginLeft: 'auto', marginRight: 'auto'}}>
|
|
90
|
+ <View style={{
|
|
91
|
+ marginLeft: 'auto',
|
|
92
|
+ marginRight: 'auto',
|
|
93
|
+ marginTop: 10,
|
|
94
|
+ marginBottom: 10,
|
|
95
|
+ }}>
|
72
|
96
|
<ImageModal
|
73
|
97
|
resizeMode="contain"
|
74
|
98
|
imageBackgroundColor={this.colors.background}
|