adolforeyna/EMI-ExpoAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix groups visual issues

Browse Source
This commit is contained in:
Adolfo Reyna
2023-01-22 21:43:06 -05:00
parent 749444a2a0
commit 9b20377f87
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/GroupCard.js
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { Text, StyleSheet } from 'react-native'; import { Text, StyleSheet, View } from 'react-native';
import Icon from 'react-native-vector-icons/MaterialIcons'; import Icon from 'react-native-vector-icons/MaterialIcons';
import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper'; import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
import API from './../API.js'; import API from './../API.js';
@@ -69,11 +69,13 @@ let ProfileCard = ({ profileid, hideIcon, profileObj }) => {
</Text> </Text>
</Title> </Title>
<Paragraph numberOfLines={4}>{profileObj.profile.description}</Paragraph> <Paragraph numberOfLines={4}>{profileObj.profile.description}</Paragraph>
<Text> <View style={{flexDirection: "row", justifyContent:"space-evenly"}}>
<FollowButton profile={profile} /> <FollowButton profile={profile} />
<Text><Icon name={"hail"} size={18} /> <Text>
{Object.keys(profile.subscribed).length}</Text> <Icon name={"hail"} size={18} />
{Object.keys(profile.subscribed).length}
</Text> </Text>
</View>
</Card.Content> </Card.Content>
</Card> </Card>
@@ -90,5 +92,6 @@ const styles = StyleSheet.create({
centerItems: { centerItems: {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
} }
}); });

2
components/UserName.js
View File

@@ -4,6 +4,7 @@ import Icon from 'react-native-vector-icons/MaterialIcons';
import API from './../API.js'; import API from './../API.js';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import AsyncStorage from '@react-native-async-storage/async-storage'; import AsyncStorage from '@react-native-async-storage/async-storage';
import { IconButton } from 'react-native-paper';
const storeName = async (key, value) => { const storeName = async (key, value) => {
try { try {
@@ -48,6 +49,7 @@ let UserName = ({ profileid, hideIcon }) => {
let icon = profile._id ? (!profile.isGroup ? "person-outline" : "group") : ''; let icon = profile._id ? (!profile.isGroup ? "person-outline" : "group") : '';
icon = icon === "person-outline" && profile.subscription && profile.subscription > (new Date() - 0) ? "assignment-ind" : icon; icon = icon === "person-outline" && profile.subscription && profile.subscription > (new Date() - 0) ? "assignment-ind" : icon;
icon = icon === "group" && profile.isCourse ? "subscriptions" : icon; icon = icon === "group" && profile.isCourse ? "subscriptions" : icon;
icon = icon === "group" && profile.isPrivate ? "screen-lock-portrait" : icon;
const onPress = () => { const onPress = () => {
return navigation.navigate('Profile', { profileid }) return navigation.navigate('Profile', { profileid })