2021-12-06 03:29:23 +01:00
|
|
|
import { HabboWebTools, RoomSessionEvent } from '@nitrots/nitro-renderer';
|
2021-06-22 11:52:47 +02:00
|
|
|
import { FC, useCallback, useEffect, useState } from 'react';
|
2021-12-06 03:29:23 +01:00
|
|
|
import { AddEventLinkTracker, GetCommunication, RemoveLinkEventTracker } from '../../api';
|
2021-04-14 23:47:02 +02:00
|
|
|
import { useRoomSessionManagerEvent } from '../../hooks/events/nitro/session/room-session-manager-event';
|
2021-09-13 18:29:04 +02:00
|
|
|
import { TransitionAnimation, TransitionAnimationTypes } from '../../layout';
|
2021-06-28 05:47:55 +02:00
|
|
|
import { AchievementsView } from '../achievements/AchievementsView';
|
2021-05-12 11:23:15 +02:00
|
|
|
import { AvatarEditorView } from '../avatar-editor/AvatarEditorView';
|
2021-09-01 00:17:29 +02:00
|
|
|
import { CameraWidgetView } from '../camera/CameraWidgetView';
|
2021-11-23 06:41:46 +01:00
|
|
|
import { CampaignView } from '../campaign/CampaignView';
|
2021-04-22 05:26:30 +02:00
|
|
|
import { CatalogView } from '../catalog/CatalogView';
|
2021-10-22 04:32:17 +02:00
|
|
|
import { ChatHistoryView } from '../chat-history/ChatHistoryView';
|
2021-10-31 21:42:46 +01:00
|
|
|
import { FloorplanEditorView } from '../floorplan-editor/FloorplanEditorView';
|
2021-09-15 18:26:51 +02:00
|
|
|
import { FriendsView } from '../friends/FriendsView';
|
2021-08-31 00:53:13 +02:00
|
|
|
import { GroupsView } from '../groups/GroupsView';
|
2021-12-05 14:14:43 +01:00
|
|
|
import { HcCenterView } from '../hc-center/HcCenterView';
|
2021-09-18 10:31:08 +02:00
|
|
|
import { HelpView } from '../help/HelpView';
|
2021-04-14 20:24:24 +02:00
|
|
|
import { HotelView } from '../hotel-view/HotelView';
|
2021-04-22 05:18:44 +02:00
|
|
|
import { InventoryView } from '../inventory/InventoryView';
|
2021-06-22 13:10:01 +02:00
|
|
|
import { ModToolsView } from '../mod-tools/ModToolsView';
|
2021-04-18 06:58:57 +02:00
|
|
|
import { NavigatorView } from '../navigator/NavigatorView';
|
2021-11-18 09:32:52 +01:00
|
|
|
import { NitropediaView } from '../nitropedia/NitropediaView';
|
2021-04-15 19:29:48 +02:00
|
|
|
import { RightSideView } from '../right-side/RightSideView';
|
2021-04-18 06:58:57 +02:00
|
|
|
import { RoomHostView } from '../room-host/RoomHostView';
|
2021-04-14 20:24:24 +02:00
|
|
|
import { ToolbarView } from '../toolbar/ToolbarView';
|
2021-08-12 08:30:02 +02:00
|
|
|
import { UserProfileView } from '../user-profile/UserProfileView';
|
2021-08-08 01:04:55 +02:00
|
|
|
import { UserSettingsView } from '../user-settings/UserSettingsView';
|
2021-06-27 04:46:40 +02:00
|
|
|
import { WiredView } from '../wired/WiredView';
|
2021-04-14 20:24:24 +02:00
|
|
|
import { MainViewProps } from './MainView.types';
|
|
|
|
|
2021-06-22 11:52:47 +02:00
|
|
|
export const MainView: FC<MainViewProps> = props =>
|
2021-04-14 20:24:24 +02:00
|
|
|
{
|
2021-04-15 08:24:12 +02:00
|
|
|
const [ isReady, setIsReady ] = useState(false);
|
2021-04-18 06:58:57 +02:00
|
|
|
const [ landingViewVisible, setLandingViewVisible ] = useState(true);
|
2021-04-14 23:47:02 +02:00
|
|
|
|
2021-04-15 08:24:12 +02:00
|
|
|
const onRoomSessionEvent = useCallback((event: RoomSessionEvent) =>
|
2021-04-14 23:47:02 +02:00
|
|
|
{
|
2021-04-18 06:58:57 +02:00
|
|
|
switch(event.type)
|
|
|
|
{
|
|
|
|
case RoomSessionEvent.CREATED:
|
|
|
|
setLandingViewVisible(false);
|
|
|
|
return;
|
|
|
|
case RoomSessionEvent.ENDED:
|
|
|
|
setLandingViewVisible(event.openLandingView);
|
|
|
|
return;
|
|
|
|
}
|
2021-04-15 08:24:12 +02:00
|
|
|
}, []);
|
2021-04-14 23:47:02 +02:00
|
|
|
|
|
|
|
useRoomSessionManagerEvent(RoomSessionEvent.CREATED, onRoomSessionEvent);
|
|
|
|
useRoomSessionManagerEvent(RoomSessionEvent.ENDED, onRoomSessionEvent);
|
|
|
|
|
2021-12-06 03:29:23 +01:00
|
|
|
const onLinkReceived = useCallback((link: string) =>
|
|
|
|
{
|
|
|
|
const parts = link.split('/');
|
|
|
|
|
|
|
|
if(parts.length < 2) return;
|
|
|
|
|
|
|
|
switch(parts[1])
|
|
|
|
{
|
|
|
|
case 'open':
|
|
|
|
if(parts.length > 2)
|
|
|
|
{
|
|
|
|
switch(parts[2])
|
|
|
|
{
|
|
|
|
case 'credits':
|
|
|
|
//HabboWebTools.openWebPageAndMinimizeClient(this._windowManager.getProperty(ExternalVariables.WEB_SHOP_RELATIVE_URL));
|
|
|
|
break;
|
|
|
|
default: {
|
|
|
|
const name = parts[2];
|
|
|
|
HabboWebTools.openHabblet(name);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}, []);
|
|
|
|
|
2021-04-14 20:24:24 +02:00
|
|
|
useEffect(() =>
|
|
|
|
{
|
2021-04-15 08:24:12 +02:00
|
|
|
setIsReady(true);
|
|
|
|
|
2021-07-22 07:10:13 +02:00
|
|
|
GetCommunication().connection.onReady();
|
2021-04-15 08:24:12 +02:00
|
|
|
}, []);
|
2021-04-14 20:24:24 +02:00
|
|
|
|
2021-12-06 03:29:23 +01:00
|
|
|
useEffect(() =>
|
|
|
|
{
|
|
|
|
const linkTracker = { linkReceived: onLinkReceived, eventUrlPrefix: 'habblet/' };
|
|
|
|
AddEventLinkTracker(linkTracker);
|
|
|
|
|
|
|
|
return () =>
|
|
|
|
{
|
|
|
|
RemoveLinkEventTracker(linkTracker);
|
|
|
|
}
|
|
|
|
}, [onLinkReceived]);
|
|
|
|
|
2021-04-14 20:24:24 +02:00
|
|
|
return (
|
2021-04-19 18:34:31 +02:00
|
|
|
<div className="nitro-main">
|
2021-09-13 18:29:04 +02:00
|
|
|
<TransitionAnimation type={ TransitionAnimationTypes.FADE_IN } inProp={ landingViewVisible } timeout={ 300 }>
|
|
|
|
<HotelView />
|
|
|
|
</TransitionAnimation>
|
2021-06-23 05:22:32 +02:00
|
|
|
<ToolbarView isInRoom={ !landingViewVisible } />
|
2021-06-22 13:10:01 +02:00
|
|
|
<ModToolsView />
|
2021-04-18 06:58:57 +02:00
|
|
|
<RoomHostView />
|
2021-10-22 04:32:17 +02:00
|
|
|
<ChatHistoryView />
|
2021-06-27 04:46:40 +02:00
|
|
|
<WiredView />
|
2021-05-12 11:23:15 +02:00
|
|
|
<AvatarEditorView />
|
2021-06-28 05:47:55 +02:00
|
|
|
<AchievementsView />
|
2021-04-19 18:34:31 +02:00
|
|
|
<NavigatorView />
|
2021-04-22 05:18:44 +02:00
|
|
|
<InventoryView />
|
2021-04-22 05:26:30 +02:00
|
|
|
<CatalogView />
|
2021-09-15 18:26:51 +02:00
|
|
|
<FriendsView />
|
2021-04-19 18:34:31 +02:00
|
|
|
<RightSideView />
|
2021-08-08 01:04:55 +02:00
|
|
|
<UserSettingsView />
|
2021-08-12 08:30:02 +02:00
|
|
|
<UserProfileView />
|
2021-08-31 00:53:13 +02:00
|
|
|
<GroupsView />
|
2021-09-01 00:17:29 +02:00
|
|
|
<CameraWidgetView />
|
2021-09-18 10:31:08 +02:00
|
|
|
<HelpView />
|
2021-10-31 21:42:46 +01:00
|
|
|
<FloorplanEditorView />
|
2021-11-18 09:32:52 +01:00
|
|
|
<NitropediaView />
|
2021-12-05 14:14:43 +01:00
|
|
|
<HcCenterView />
|
2021-11-23 06:41:46 +01:00
|
|
|
<CampaignView />
|
2021-04-14 20:24:24 +02:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|