🆙 Init V3

src/components/catalog/views/catalog-room-previewer/CatalogRoomPreviewerView.tsx

@@ -0,0 +1,47 @@
+import { GetEventDispatcher, NitroToolbarAnimateIconEvent, RoomPreviewer, TextureUtils, ToolbarIconEnum } from '@nitrots/nitro-renderer';
+import { FC, useRef } from 'react';
+import { LayoutRoomPreviewerView } from '../../../../common';
+import { CatalogPurchasedEvent } from '../../../../events';
+import { useUiEvent } from '../../../../hooks';
+
+export const CatalogRoomPreviewerView: FC<{
+    roomPreviewer: RoomPreviewer;
+    height?: number;
+}> = props =>
+{
+    const { roomPreviewer = null } = props;
+    const elementRef = useRef<HTMLDivElement>(null);
+
+    useUiEvent(CatalogPurchasedEvent.PURCHASE_SUCCESS, event =>
+    {
+        if(!elementRef) return;
+
+        const renderTexture = roomPreviewer.getRoomObjectCurrentImage();
+
+        if(!renderTexture) return;
+
+        (async () =>
+        {
+            const image = await TextureUtils.generateImage(renderTexture);
+
+            if(!image) return;
+
+            const bounds = elementRef.current.getBoundingClientRect();
+
+            const x = (bounds.x + (bounds.width / 2));
+            const y = (bounds.y + (bounds.height / 2));
+
+            const animateEvent = new NitroToolbarAnimateIconEvent(image, x, y);
+
+            animateEvent.iconName = ToolbarIconEnum.INVENTORY;
+
+            GetEventDispatcher().dispatchEvent(animateEvent);
+        })();
+    });
+
+    return (
+        <div ref={ elementRef }>
+            <LayoutRoomPreviewerView { ...props } />
+        </div>
+    );
+};