26 lines
1014 B
JavaScript
26 lines
1014 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import { Text } from 'react-native';
|
|
import { Avatar, IconButton, Card, Title, Paragraph } from 'react-native-paper';
|
|
import UserName from './UserName';
|
|
|
|
const DefaultPhoto = "https://social.emmint.com/uploads/e6f9be6d665dc43417701bf16a90122c.png";
|
|
|
|
const ProfileSmallHeader = ({ profileObj }) => {
|
|
const safeProfileObj = profileObj || {};
|
|
const safeProfile = safeProfileObj.profile || {};
|
|
let photoUrl = safeProfile.photo ? 'https://social.emmint.com/' + safeProfile.photo : DefaultPhoto;
|
|
return (
|
|
<>
|
|
<Card.Title
|
|
title={<UserName profileid={safeProfileObj._id} hideIcon={true} />}
|
|
subtitle={safeProfile.description || ""}
|
|
left={(props) => <Avatar.Image {...props} source={{ uri: photoUrl}} />}
|
|
right={(props) => <IconButton {...props} icon="more-vert" onPress={() => { }} />}
|
|
/>
|
|
</>
|
|
);
|
|
|
|
}
|
|
|
|
export default React.memo(ProfileSmallHeader);
|