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

Fix Profile Groups

Browse Source
This commit is contained in:
MyNameIsBatman 2021-09-06 05:10:19 -03:00
parent 3ae99e254c
commit 6f8aabbcea
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/user-profile/UserProfileView.tsx
View File

@ -86,7 +86,7 @@ export const UserProfileView: FC = props =>
<i className="icon icon-rooms" /><span className="rooms-button">{LocalizeText('extendedprofile.rooms')}</span>
</div>
</div>
<GroupsContainerView groups={ userProfile.groups } onLeaveGroup={ onLeaveGroup } />
<GroupsContainerView itsMe={ userProfile.id === GetSessionDataManager().userId } groups={ userProfile.groups } onLeaveGroup={ onLeaveGroup } />
</NitroCardContentView>
</NitroCardView>
)

4
src/views/user-profile/views/groups-container/GroupsContainerView.tsx
View File

@ -8,7 +8,7 @@ import { GroupsContainerViewProps } from './GroupsContainerView.types';
export const GroupsContainerView: FC<GroupsContainerViewProps> = props =>
{
const { groups = null, onLeaveGroup = null } = props;
const { itsMe = null, groups = null, onLeaveGroup = null } = props;
const [ selectedGroupId, setSelectedGroupId ] = useState<number>(null);
const [ groupInformation, setGroupInformation ] = useState<GroupInformationParser>(null);
@ -50,7 +50,7 @@ export const GroupsContainerView: FC<GroupsContainerViewProps> = props =>
{ groups.map((group, index) =>
{
return <div key={ index } onClick={ () => setSelectedGroupId(group.id) } className={ 'profile-groups-item position-relative flex-shrink-0 d-flex align-items-center justify-content-center cursor-pointer' + classNames({ ' active': selectedGroupId === group.id }) }>
<i className={ 'position-absolute icon icon-group-' + (group.ownerOrFavorite ? 'favorite' : 'not-favorite') } onClick={ () => favoriteGroup(group.id) } />
{ itsMe && <i className={ 'position-absolute icon icon-group-' + (group.ownerOrFavorite ? 'favorite' : 'not-favorite') } onClick={ () => favoriteGroup(group.id) } /> }
<BadgeImageView badgeCode={ group.badge } isGroup={ true } />
</div>
}) }

1
src/views/user-profile/views/groups-container/GroupsContainerView.types.ts
View File

@ -2,6 +2,7 @@ import { GroupDataParser } from '@nitrots/nitro-renderer';
export interface GroupsContainerViewProps
{
itsMe: boolean;
groups: GroupDataParser[];
onLeaveGroup: () => void;
}