nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 14:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

style fixes

Browse Source
This commit is contained in:
Dank074 2021-08-12 01:48:51 -05:00
parent 9edaa66e94
commit dcc1b7cb70
3 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/user-profile/UserProfileVew.scss
View File

@ -10,6 +10,11 @@
.avatar-image {
left: -10px;
}
.add-friend {
margin: 5px;
margin-left: 10px;
}
}
.badge-container
@ -60,6 +65,11 @@
text-decoration: underline;
width: 100%;
.relationship-text
{
cursor: pointer;
}
.avatar-image {
position: absolute;
width: 50px;

38
src/views/user-profile/views/friends-container/FriendsContainerView.tsx
View File

@ -1,4 +1,6 @@
import { UserProfileComposer, UserRelationshipDataParser } from '@nitrots/nitro-renderer';
import { FC, useCallback } from 'react';
import { SendMessageHook } from '../../../../hooks';
import { LocalizeText } from '../../../../utils';
import { AvatarImageView } from '../../../shared/avatar-image/AvatarImageView';
import { FriendsContainerViewProps } from './FriendsContainerView.types';
@ -7,28 +9,36 @@ export const FriendsContainerView: FC<FriendsContainerViewProps> = props =>
{
const { relationships = null, friendsCount = null } = props;
const OnUserClick = useCallback((user: UserRelationshipDataParser) =>
{
if(user)
SendMessageHook(new UserProfileComposer(user.userId));
}, []);
const RelationshipComponent = useCallback(({ type }) =>
{
const randomUserIndex = (relationships && relationships.has(type) && relationships.get(type).length) ?
Math.floor(Math.random() * relationships.get(type).length) : -1;
const randomUserIndex = (relationships && relationships.has(type) && relationships.get(type).length) ?
Math.floor(Math.random() * relationships.get(type).length) : -1;
const randomUser = randomUserIndex > -1 ? relationships.get(type)[randomUserIndex] : null;
const randomUser = randomUserIndex > -1 ? relationships.get(type)[randomUserIndex] : null;
return (
<div className="relationship-container d-flex">
<i className={`icon icon-relationship-${type}`} />
<span className="relationship">
return (
<div className="relationship-container d-flex">
<i className={`icon icon-relationship-${type}`} />
<span className="relationship">
<span className="relationship-text" onClick={() => OnUserClick(randomUser)}>
{
randomUser ? randomUser.username : LocalizeText('extendedprofile.add.friends')
}
{
randomUser &&
<AvatarImageView figure={randomUser.figure} headOnly={true} direction={4} />
}
</span>
</div>
);
}, [relationships]);
{
randomUser &&
<AvatarImageView figure={randomUser.figure} headOnly={true} direction={4} />
}
</span>
</div>
);
}, [OnUserClick, relationships]);
return (
<div className="friends-container">

2
src/views/user-profile/views/user-container/UserContainerView.tsx
View File

@ -21,7 +21,7 @@ export const UserContainerView: FC<UserContainerViewProps> = props =>
if(requestSent) return (<span><i className="icon icon-pf-tick" />{LocalizeText('extendedprofile.friendrequestsent')}</span>);
return (<button className="btn btn-success btn-sm w-100">{LocalizeText('extendedprofile.addasafriend')}</button>)
return (<button className="btn btn-success btn-sm add-friend">{LocalizeText('extendedprofile.addasafriend')}</button>)
}, [id, isFriend, requestSent]);
return (