aboutsummaryrefslogtreecommitdiff
path: root/src/components/profile/TaggAvatar.tsx
diff options
context:
space:
mode:
authorIvan Chen <ivan@tagg.id>2021-05-13 18:00:06 -0400
committerGitHub <noreply@github.com>2021-05-13 18:00:06 -0400
commite6f046cb0fd9abbfc1bfff6f3294a1ae25a91d6c (patch)
treecbfb5ca1678e48f1b3be0b7a1512ee33bab2ea91 /src/components/profile/TaggAvatar.tsx
parent848afa989c2a0c324b65778dc05e03b7856f62c3 (diff)
parent1e948b556fd53c02d7462576b183cdd6c4c793bb (diff)
Merge pull request #422 from TaggiD-Inc/revert-416-plusSignForNewUsers
Revert "[TMA-844] Plus sign for profile and header in profile, ability to add on the sc…"
Diffstat (limited to 'src/components/profile/TaggAvatar.tsx')
-rw-r--r--src/components/profile/TaggAvatar.tsx67
1 files changed, 4 insertions, 63 deletions
diff --git a/src/components/profile/TaggAvatar.tsx b/src/components/profile/TaggAvatar.tsx
index 304b9e3a..ea0bdb65 100644
--- a/src/components/profile/TaggAvatar.tsx
+++ b/src/components/profile/TaggAvatar.tsx
@@ -1,12 +1,9 @@
-import React, {useState, useEffect} from 'react';
-import {StyleSheet, TouchableOpacity} from 'react-native';
+import React from 'react';
+import {StyleSheet} from 'react-native';
+import {useSelector} from 'react-redux';
import {RootState} from '../../store/rootreducer';
import {ScreenType} from '../../types';
import {Avatar} from '../common';
-import {useDispatch, useSelector} from 'react-redux';
-import {loadUserData, resetHeaderAndProfileImage} from '../../store/actions';
-import PurplePlus from '../../assets/icons/purple-plus.svg';
-import {patchProfile, validateImageLink} from '../../utils';
const PROFILE_DIM = 100;
@@ -23,59 +20,8 @@ const TaggAvatar: React.FC<TaggAvatarProps> = ({
const {avatar} = useSelector((state: RootState) =>
userXId ? state.userX[screenType][userXId] : state.user,
);
- const dispatch = useDispatch();
- const [needsUpdate, setNeedsUpdate] = useState(false);
- const [loading, setLoading] = useState(false);
- const [validImage, setValidImage] = useState<boolean>(true);
- const {user} = useSelector((state: RootState) =>
- userXId ? state.userX[screenType][userXId] : state.user,
- );
-
- useEffect(() => {
- checkAvatar(avatar);
- }, []);
-
- useEffect(() => {
- if (needsUpdate) {
- const userId = user.userId;
- const username = user.username;
- dispatch(resetHeaderAndProfileImage());
- dispatch(loadUserData({userId, username}));
- }
- }, [dispatch, needsUpdate]);
- const handleNewImage = async () => {
- setLoading(true);
- const result = await patchProfile('profile', user.userId);
- if (result) {
- setNeedsUpdate(true);
- } else {
- setLoading(false);
- }
- };
-
- const checkAvatar = async (url: string | undefined) => {
- const valid = await validateImageLink(url);
- if (valid !== validImage) {
- setValidImage(valid);
- }
- };
-
- if (!validImage && userXId === undefined && !loading) {
- return (
- <>
- <Avatar style={[styles.image, style]} uri={avatar} />
- <TouchableOpacity
- accessible={true}
- accessibilityLabel="ADD PROFILE PICTURE"
- onPress={() => handleNewImage()}>
- <PurplePlus style={styles.plus} />
- </TouchableOpacity>
- </>
- );
- } else {
- return <Avatar style={[styles.image, style]} uri={avatar} />;
- }
+ return <Avatar style={[styles.image, style]} uri={avatar} />;
};
const styles = StyleSheet.create({
@@ -84,11 +30,6 @@ const styles = StyleSheet.create({
width: PROFILE_DIM,
borderRadius: PROFILE_DIM / 2,
},
- plus: {
- position: 'absolute',
- bottom: 35,
- right: 0,
- },
});
export default TaggAvatar;