🆙 Init V3

2026-06-20 15:36:18 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,121 @@
+import { GetSessionDataManager, RoomDataParser } from '@nitrots/nitro-renderer';
+import { FC, MouseEvent } from 'react';
+import { FaUser } from 'react-icons/fa';
+import { CreateRoomSession, DoorStateType, TryVisitRoom } from '../../../../api';
+import { Column, Flex, LayoutBadgeImageView, LayoutGridItemProps, LayoutRoomThumbnailView, Text } from '../../../../common';
+import { useNavigator } from '../../../../hooks';
+import { NavigatorSearchResultItemInfoView } from './NavigatorSearchResultItemInfoView';
+
+export interface NavigatorSearchResultItemViewProps extends LayoutGridItemProps
+{
+    roomData: RoomDataParser
+    thumbnail?: boolean
+}
+
+export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProps> = props =>
+{
+    const { roomData = null, children = null, thumbnail = false, ...rest } = props;
+    const { setDoorData = null } = useNavigator();
+
+    const getUserCounterColor = () =>
+    {
+        const num: number = (100 * (roomData.userCount / roomData.maxUserCount));
+
+        let bg = 'bg-primary';
+
+        if(num >= 92)
+        {
+            bg = 'bg-danger';
+        }
+        else if(num >= 50)
+        {
+            bg = 'bg-warning';
+        }
+        else if(num > 0)
+        {
+            bg = 'bg-success';
+        }
+
+        return bg;
+    };
+
+    const visitRoom = (event: MouseEvent) =>
+    {
+        if(roomData.ownerId !== GetSessionDataManager().userId)
+        {
+            if(roomData.habboGroupId !== 0)
+            {
+                TryVisitRoom(roomData.roomId);
+
+                return;
+            }
+
+            switch(roomData.doorMode)
+            {
+                case RoomDataParser.DOORBELL_STATE:
+                    setDoorData(prevValue =>
+                    {
+                        const newValue = { ...prevValue };
+
+                        newValue.roomInfo = roomData;
+                        newValue.state = DoorStateType.START_DOORBELL;
+
+                        return newValue;
+                    });
+                    return;
+                case RoomDataParser.PASSWORD_STATE:
+                    setDoorData(prevValue =>
+                    {
+                        const newValue = { ...prevValue };
+
+                        newValue.roomInfo = roomData;
+                        newValue.state = DoorStateType.START_PASSWORD;
+
+                        return newValue;
+                    });
+                    return;
+            }
+        }
+
+        CreateRoomSession(roomData.roomId);
+    };
+
+    if(thumbnail) return (
+        <Column pointer alignItems="center" className="navigator-item p-1 bg-light rounded-3 small mb-1 flex-col border border-muted" gap={ 0 } overflow="hidden" onClick={ visitRoom } { ...rest }>
+            <LayoutRoomThumbnailView className="flex flex-col items-center justify-end mb-1" customUrl={ roomData.officialRoomPicRef } roomId={ roomData.roomId }>
+                { roomData.habboGroupId > 0 && <LayoutBadgeImageView badgeCode={ roomData.groupBadgeCode } className={ 'absolute top-0 start-0 m-1' } isGroup={ true } /> }
+                <Flex center className={ 'inline-block px-[.65em] py-[.35em] text-[.75em] font-bold leading-none text-[#fff] text-center whitespace-nowrap align-baseline rounded-[.25rem] p-1 absolute m-1 ' + getUserCounterColor() } gap={ 1 }>
+                    <FaUser className="fa-icon" />
+                    { roomData.userCount }
+                </Flex>
+                { (roomData.doorMode !== RoomDataParser.OPEN_STATE) &&
+                    <i className={ ('absolute end-0 mb-1 me-1 icon icon-navigator-room-' + ((roomData.doorMode === RoomDataParser.DOORBELL_STATE) ? 'locked' : (roomData.doorMode === RoomDataParser.PASSWORD_STATE) ? 'password' : (roomData.doorMode === RoomDataParser.INVISIBLE_STATE) ? 'invisible' : '')) } /> }
+            </LayoutRoomThumbnailView>
+            <Flex className="w-full">
+                <Text truncate className="!flex-grow">{ roomData.roomName }</Text>
+                <Flex reverse alignItems="center" gap={ 1 }>
+                    <NavigatorSearchResultItemInfoView roomData={ roomData } />
+                </Flex>
+                { children }
+            </Flex>
+
+        </Column>
+    );
+
+    return (
+        <Flex pointer alignItems="center" className="navigator-item px-2 py-1 small" gap={ 2 } overflow="hidden" onClick={ visitRoom } { ...rest }>
+            <Flex center className={ 'inline-block px-[.65em] py-[.35em] text-[.75em] font-bold leading-none text-[#fff] text-center whitespace-nowrap align-baseline rounded-[.25rem] p-1 ' + getUserCounterColor() } gap={ 1 }>
+                <FaUser className="fa-icon" />
+                { roomData.userCount }
+            </Flex>
+            <Text grow truncate>{ roomData.roomName }</Text>
+            <Flex reverse alignItems="center" gap={ 1 }>
+                <NavigatorSearchResultItemInfoView roomData={ roomData } />
+                { roomData.habboGroupId > 0 && <i className="nitro-icon icon-navigator-room-group" /> }
+                { (roomData.doorMode !== RoomDataParser.OPEN_STATE) &&
+                    <i className={ ('nitro-icon icon-navigator-room-' + ((roomData.doorMode === RoomDataParser.DOORBELL_STATE) ? 'locked' : (roomData.doorMode === RoomDataParser.PASSWORD_STATE) ? 'password' : (roomData.doorMode === RoomDataParser.INVISIBLE_STATE) ? 'invisible' : '')) } /> }
+            </Flex>
+            { children }
+        </Flex>
+    );
+};