Add coolui test

2026-01-26 19:06:51 +01:00
parent 71a4c6677e
commit d872183654
1734 changed files with 56797 additions and 0 deletions
@@ -0,0 +1,49 @@
+import { CreateLinkEvent, GetRoomEngine, GetSessionDataManager, MouseEventType, RoomObjectCategory } from '@nitrots/nitro-renderer';
+import { Dispatch, FC, PropsWithChildren, SetStateAction, useEffect, useRef } from 'react';
+import { DispatchUiEvent, GetConfigurationValue, GetRoomSession, GetUserProfile } from '../../api';
+import { Flex, LayoutItemCountView } from '../../common';
+import { GuideToolEvent } from '../../events';
+
+export const ToolbarMeView: FC<PropsWithChildren<{
+    useGuideTool: boolean;
+    unseenAchievementCount: number;
+    setMeExpanded: Dispatch<SetStateAction<boolean>>;
+}>> = props =>
+{
+    const { useGuideTool = false, unseenAchievementCount = 0, setMeExpanded = null, children = null, ...rest } = props;
+    const elementRef = useRef<HTMLDivElement>();
+
+    useEffect(() =>
+    {
+        const roomSession = GetRoomSession();
+
+        if(!roomSession) return;
+
+        GetRoomEngine().selectRoomObject(roomSession.roomId, roomSession.ownRoomIndex, RoomObjectCategory.UNIT);
+    }, []);
+
+    useEffect(() =>
+    {
+        const onClick = (event: MouseEvent) => setMeExpanded(false);
+
+        document.addEventListener('click', onClick);
+
+        return () => document.removeEventListener(MouseEventType.MOUSE_CLICK, onClick);
+    }, [ setMeExpanded ]);
+
+    return (
+        <Flex alignItems="center" className="absolute bottom-[60px] left-[33px] bg-[rgba(20,_20,_20,_.95)] border-[1px] border-[solid] border-[#101010] [box-shadow:inset_2px_2px_rgba(255,_255,_255,_.1),_inset_-2px_-2px_rgba(255,_255,_255,_.1)] rounded-[$border-radius] p-2" gap={ 2 } innerRef={ elementRef }>
+            { (GetConfigurationValue('guides.enabled') && useGuideTool) &&
+                <div className="navigation-item relative nitro-icon icon-me-helper-tool cursor-pointer" onClick={ event => DispatchUiEvent(new GuideToolEvent(GuideToolEvent.TOGGLE_GUIDE_TOOL)) } /> }
+            <div className="navigation-item relative nitro-icon icon-me-achievements cursor-pointer" onClick={ event => CreateLinkEvent('achievements/toggle') }>
+                { (unseenAchievementCount > 0) &&
+                    <LayoutItemCountView count={ unseenAchievementCount } /> }
+            </div>
+            <div className="navigation-item relative nitro-icon icon-me-profile cursor-pointer" onClick={ event => GetUserProfile(GetSessionDataManager().userId) } />
+            <div className="navigation-item relative nitro-icon icon-me-rooms cursor-pointer" onClick={ event => CreateLinkEvent('navigator/search/myworld_view') } />
+            <div className="navigation-item relative nitro-icon icon-me-clothing cursor-pointer" onClick={ event => CreateLinkEvent('avatar-editor/toggle') } />
+            <div className="navigation-item relative nitro-icon icon-me-settings cursor-pointer" onClick={ event => CreateLinkEvent('user-settings/toggle') } />
+            { children }
+        </Flex>
+    );
+};