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

Start furni context menus

Browse Source
This commit is contained in:
Bill 2021-07-08 04:25:42 -04:00
parent 32c4037e98
commit c7fe32411f
2 changed files with 102 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/room/widgets/furniture/FurnitureWidgetsView.tsx
View File

@ -1,5 +1,6 @@
import { FC } from 'react';
import { FurnitureBackgroundColorView } from './background-color/FurnitureBackgroundColorView';
import { FurnitureContextMenuView } from './context-menu/FurnitureContextMenuView';
import { FurnitureDimmerView } from './dimmer/FurnitureDimmerView';
import { FurnitureEngravingLockView } from './engraving-lock/FurnitureEngravingLockView';
import { FurnitureExchangeCreditView } from './exchange-credit/FurnitureExchangeCreditView';
@ -16,6 +17,7 @@ export const FurnitureWidgetsView: FC<FurnitureWidgetsViewProps> = props =>
return (
<div className="position-absolute nitro-room-widgets t-0 l-0">
<FurnitureBackgroundColorView />
<FurnitureContextMenuView />
<FurnitureDimmerView />
<FurnitureEngravingLockView />
<FurnitureExchangeCreditView />

100
src/views/room/widgets/furniture/context-menu/FurnitureContextMenuView.tsx Normal file
View File

@ -0,0 +1,100 @@
import { ContextMenuEnum, IRoomObject, RoomEngineObjectEvent, RoomEngineTriggerWidgetEvent, RoomObjectCategory } from 'nitro-renderer';
import { FC, useCallback, useState } from 'react';
import { GetRoomEngine, IsOwnerOfFurniture } from '../../../../../api';
import { useRoomEngineEvent } from '../../../../../hooks/events';
import { LocalizeText } from '../../../../../utils/LocalizeText';
import { useRoomContext } from '../../../context/RoomContext';
import { ContextMenuView } from '../../context-menu/ContextMenuView';
import { ContextMenuHeaderView } from '../../context-menu/views/header/ContextMenuHeaderView';
import { ContextMenuListItemView } from '../../context-menu/views/list-item/ContextMenuListItemView';
const MONSTERPLANT_SEED_CONFIRMATION: string = 'MONSTERPLANT_SEED_CONFIRMATION';
export const FurnitureContextMenuView: FC<{}> = props =>
{
const { roomSession = null, eventDispatcher = null, widgetHandler = null } = useRoomContext();
const [ roomObject, setRoomObject ] = useState<IRoomObject>(null);
const [ contextMenu, setContextMenu ] = useState<string>(null);
const close = useCallback(() =>
{
setRoomObject(null);
setContextMenu(null);
}, []);
const onRoomEngineTriggerWidgetEvent = useCallback((event: RoomEngineTriggerWidgetEvent) =>
{
const roomObject = GetRoomEngine().getRoomObject(roomSession.roomId, event.objectId, event.category);
if(!roomObject) return;
switch(event.type)
{
case RoomEngineTriggerWidgetEvent.OPEN_FURNI_CONTEXT_MENU:
switch(event.contextMenu)
{
case ContextMenuEnum.FRIEND_FURNITURE:
return;
case ContextMenuEnum.MONSTERPLANT_SEED:
if(IsOwnerOfFurniture(roomObject))
{
setRoomObject(roomObject);
setContextMenu(ContextMenuEnum.MONSTERPLANT_SEED);
}
return;
case ContextMenuEnum.MYSTERY_BOX:
return;
case ContextMenuEnum.RANDOM_TELEPORT:
return;
case ContextMenuEnum.PURCHASABLE_CLOTHING:
return;
}
return;
case RoomEngineTriggerWidgetEvent.CLOSE_FURNI_CONTEXT_MENU:
close();
return;
}
}, [ roomSession, close ]);
useRoomEngineEvent(RoomEngineTriggerWidgetEvent.OPEN_FURNI_CONTEXT_MENU, onRoomEngineTriggerWidgetEvent);
useRoomEngineEvent(RoomEngineTriggerWidgetEvent.CLOSE_FURNI_CONTEXT_MENU, onRoomEngineTriggerWidgetEvent);
const onRoomEngineObjectEvent = useCallback((event: RoomEngineObjectEvent) =>
{
if(!roomObject || (event.objectId !== roomObject.id)) return;
close();
}, [ roomObject, close ]);
useRoomEngineEvent(RoomEngineObjectEvent.REMOVED, onRoomEngineObjectEvent);
const processAction = useCallback((name: string) =>
{
if(name)
{
switch(name)
{
case 'use_monsterplant_seed':
setContextMenu(MONSTERPLANT_SEED_CONFIRMATION);
break;
}
}
}, [ ]);
if(!roomObject || !contextMenu) return null;
return (
<ContextMenuView objectId={ roomObject.id } category={ RoomObjectCategory.FLOOR } close={ close }>
{ (contextMenu === ContextMenuEnum.MONSTERPLANT_SEED) &&
<>
<ContextMenuHeaderView>
{ LocalizeText('furni.mnstr_seed.name') }
</ContextMenuHeaderView>
<ContextMenuListItemView onClick={ event => processAction('use_monsterplant_seed') }>
{ LocalizeText('widget.monsterplant_seed.button.use') }
</ContextMenuListItemView>
</> }
</ContextMenuView>
)
}