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

Add pet view

Browse Source
This commit is contained in:
Bill 2021-07-12 12:27:29 -04:00
parent fe998d1639
commit ffb0b898ef
1 changed files with 146 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
src/views/room/widgets/avatar-info/views/pet/AvatarInfoWidgetPetView.tsx
View File

@ -1,9 +1,151 @@
import { FC } from 'react';
import { PetType, RoomControllerLevel, RoomObjectCategory, RoomObjectType, RoomObjectVariable } from 'nitro-renderer';
import { FC, useCallback, useEffect, useMemo, useState } from 'react';
import { GetOwnRoomObject, GetSessionDataManager } from '../../../../../../api';
import { LocalizeText } from '../../../../../../utils/LocalizeText';
import { useRoomContext } from '../../../../context/RoomContext';
import { RoomWidgetMessage, RoomWidgetUserActionMessage } from '../../../../messages';
import { ContextMenuView } from '../../../context-menu/ContextMenuView';
import { ContextMenuHeaderView } from '../../../context-menu/views/header/ContextMenuHeaderView';
import { ContextMenuListItemView } from '../../../context-menu/views/list-item/ContextMenuListItemView';
import { AvatarInfoWidgetPetViewProps } from './AvatarInfoWidgetPetView.types';
const _Str_2906: number = 0;
const _Str_5818: number = 1;
const _Str_5938: number = 2;
const _Str_13388: number = 3;
export const AvatarInfoWidgetPetView: FC<AvatarInfoWidgetPetViewProps> = props =>
{
const { petData = null } = props;
return null;
const { petData = null, close = null } = props;
const [ mode, setMode ] = useState(_Str_2906);
const [ respectsLeft, setRespectsLeft ] = useState(0);
const { roomSession = null, widgetHandler = null } = useRoomContext();
useEffect(() =>
{
setMode(prevValue =>
{
if(petData.petType === PetType.MONSTERPLANT) return _Str_13388;
else if(petData.saddle && !petData.rider) return _Str_5818;
else if(petData.rider) return _Str_5938;
return _Str_2906;
});
setRespectsLeft(petData.respectsPetLeft);
}, [ petData ])
const processAction = useCallback((name: string) =>
{
let messageType: string = null;
let message: RoomWidgetMessage = null;
let hideMenu = true;
if(name)
{
switch(name)
{
case 'respect':
let newRespectsLeft = 0;
setRespectsLeft(prevValue =>
{
newRespectsLeft = (prevValue - 1);
return newRespectsLeft;
});
messageType = RoomWidgetUserActionMessage.RESPECT_PET;
if(newRespectsLeft > 0) hideMenu = false;
break;
case 'treat':
messageType = RoomWidgetUserActionMessage.TREAT_PET;
break;
case 'pass_handitem':
messageType = RoomWidgetUserActionMessage.GIVE_CARRY_ITEM_TO_PET;
break;
case 'pick_up':
messageType = RoomWidgetUserActionMessage.PICKUP_PET;
break;
case 'mount':
messageType = RoomWidgetUserActionMessage.MOUNT_PET;
break;
case 'dismount':
messageType = RoomWidgetUserActionMessage.DISMOUNT_PET;
break;
}
if(messageType) message = new RoomWidgetUserActionMessage(messageType, petData.id);
if(message) widgetHandler.processWidgetMessage(message);
}
if(hideMenu) close();
}, [ widgetHandler, petData, close ]);
const canPickUp = useMemo(() =>
{
return (roomSession.isRoomOwner || (roomSession.controllerLevel >= RoomControllerLevel.GUEST) || GetSessionDataManager().isModerator);
}, [ roomSession ]);
const canGiveHandItem = useMemo(() =>
{
let flag = false;
const roomObject = GetOwnRoomObject();
if(roomObject)
{
const carryId = roomObject.model.getValue<number>(RoomObjectVariable.FIGURE_CARRY_OBJECT);
if((carryId > 0) && (carryId < 999999)) flag = true;
}
return flag;
}, []);
return (
<ContextMenuView objectId={ petData.roomIndex } category={ RoomObjectCategory.UNIT } userType={ RoomObjectType.PET } close={ close }>
<ContextMenuHeaderView>
{ petData.name }
</ContextMenuHeaderView>
{ (mode === _Str_2906) && (respectsLeft > 0) &&
<ContextMenuListItemView onClick={ event => processAction('respect') }>
{ LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
</ContextMenuListItemView> }
{ (mode === _Str_5818) &&
<>
<ContextMenuListItemView onClick={ event => processAction('mount') }>
{ LocalizeText('infostand.button.mount') }
</ContextMenuListItemView>
{ (respectsLeft > 0) &&
<ContextMenuListItemView onClick={ event => processAction('respect') }>
{ LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
</ContextMenuListItemView> }
</> }
{ (mode === _Str_5938) &&
<>
<ContextMenuListItemView onClick={ event => processAction('dismount') }>
{ LocalizeText('infostand.button.dismount') }
</ContextMenuListItemView>
{ (respectsLeft > 0) &&
<ContextMenuListItemView onClick={ event => processAction('respect') }>
{ LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
</ContextMenuListItemView> }
</> }
{ (mode === _Str_13388) && !petData.dead && ((petData.energy / petData.maximumEnergy) < 0.98) &&
<ContextMenuListItemView onClick={ event => processAction('treat') }>
{ LocalizeText('infostand.button.treat') }
</ContextMenuListItemView> }
{ canPickUp &&
<ContextMenuListItemView onClick={ event => processAction('pick_up') }>
{ LocalizeText('infostand.button.pickup') }
</ContextMenuListItemView> }
{ canGiveHandItem &&
<ContextMenuListItemView onClick={ event => processAction('pass_hand_item') }>
{ LocalizeText('infostand.button.pass_hand_item') }
</ContextMenuListItemView> }
</ContextMenuView>
);
}