From 63cf84d8725893a4ce1ef223e9f77b81d8ef2f95 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 28 Jul 2021 20:13:40 -0400
Subject: [PATCH] Add buy one button

---
 src/views/catalog/CatalogView.tsx             | 18 ++++++++++---
 src/views/catalog/common/CatalogUtilities.ts  | 26 +++++++++++++++++--
 .../views/furni/InfoStandWidgetFurniView.tsx  | 13 +++++++---
 3 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/src/views/catalog/CatalogView.tsx b/src/views/catalog/CatalogView.tsx
index 0eb6346e..06d5e17d 100644
--- a/src/views/catalog/CatalogView.tsx
+++ b/src/views/catalog/CatalogView.tsx
@@ -18,7 +18,7 @@ export const CatalogView: FC<CatalogViewProps> = props =>
 {
     const [ isVisible, setIsVisible ] = useState(false);
     const [ roomPreviewer, setRoomPreviewer ] = useState<RoomPreviewer>(null);
-    const [ pendingPageLookup, setPendingPageLookup ] = useState<string>(null);
+    const [ pendingPageLookup, setPendingPageLookup ] = useState<{ value: string, isOffer: boolean }>(null);
     const [ pendingTree, setPendingTree ] = useState<ICatalogPageData[]>(null);
     const [ catalogState, dispatchCatalogState ] = useReducer(CatalogReducer, initialCatalog);
     const [ currentTab, setCurrentTab ] = useState<ICatalogPageData>(null);
@@ -56,12 +56,24 @@ export const CatalogView: FC<CatalogViewProps> = props =>
             case 'open':
                 if(parts.length > 2)
                 {
-                    setPendingPageLookup(parts[2]);
+                    if(parts.length === 4)
+                    {
+                        switch(parts[2])
+                        {
+                            case 'offerId':
+                                setPendingPageLookup({ value: parts[3], isOffer: true });
+
+                                return;
+                        }
+                    }
+
+                    setPendingPageLookup({ value: parts[2], isOffer: false });
                 }
                 else
                 {
                     setIsVisible(true);
                 }
+
                 return;
         }
     }, []);
@@ -101,7 +113,7 @@ export const CatalogView: FC<CatalogViewProps> = props =>
 
             if(pendingPageLookup !== null)
             {
-                const tree = BuildCatalogPageTree(catalogState.root, pendingPageLookup);
+                const tree = BuildCatalogPageTree(catalogState.root, pendingPageLookup.value, pendingPageLookup.isOffer);
 
                 setCurrentTab(tree.shift());
                 setPendingPageLookup(null);
diff --git a/src/views/catalog/common/CatalogUtilities.ts b/src/views/catalog/common/CatalogUtilities.ts
index 68a4beb8..dd7532a5 100644
--- a/src/views/catalog/common/CatalogUtilities.ts
+++ b/src/views/catalog/common/CatalogUtilities.ts
@@ -184,11 +184,33 @@ export function GetCatalogPageTreeById(page: ICatalogPageData, lookup: number, t
     }
 }
 
-export function BuildCatalogPageTree(page: ICatalogPageData, lookup: string)
+export function GetCatalogPageTreeByOfferId(page: ICatalogPageData, lookup: number, tree: ICatalogPageData[])
+{
+    if(page.offerIds.indexOf(lookup) >= 0) return page;
+
+    for(const pageData of page.children)
+    {
+        const foundPageData = GetCatalogPageTreeByOfferId(pageData, lookup, tree);
+
+        if(foundPageData)
+        {
+            tree.push(pageData);
+
+            return pageData;
+        }
+    }
+}
+
+export function BuildCatalogPageTree(page: ICatalogPageData, lookup: string, isOffer: boolean = false)
 {
     const pageTree: ICatalogPageData[] = [];
 
-    if(isNaN((lookup as unknown) as number))
+    if(isOffer)
+    {
+        GetCatalogPageTreeByOfferId(page, parseInt(lookup), pageTree);
+    }
+
+    else if(isNaN((lookup as unknown) as number))
     {
         GetCatalogPageTreeByName(page, lookup, pageTree);
     }
diff --git a/src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx b/src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx
index 7ffb7e30..1f1ea49e 100644
--- a/src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx
+++ b/src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx
@@ -1,5 +1,6 @@
 import { CrackableDataType, RoomControllerLevel, RoomWidgetEnumItemExtradataParameter, RoomWidgetFurniInfoUsagePolicyEnum, StringDataType } from 'nitro-renderer';
 import { FC, useCallback, useEffect, useState } from 'react';
+import { CreateLinkEvent } from '../../../../../../api';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
 import { BadgeImageView } from '../../../../../shared/badge-image/BadgeImageView';
 import { LimitedEditionCompactPlateView } from '../../../../../shared/limited-edition/compact-plate/LimitedEditionCompactPlateView';
@@ -150,6 +151,9 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
 
         switch(action)
         {
+            case 'buy_one':
+                CreateLinkEvent(`catalog/open/offerId/${ furniData.purchaseOfferId }`);
+                return;
             case 'move':
                 messageType = RoomWidgetFurniActionMessage.MOVE;
                 break;
@@ -198,6 +202,7 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
                     <i className="icon icon-user-profile me-1 cursor-pointer" />
                     <div className="small text-wrap">{ LocalizeText('furni.owner', [ 'name' ], [ furniData.ownerName ]) }</div>
                 </div>
+                { (furniData.purchaseOfferId > 0) && <button type="button" className="btn btn-primary btn-sm mt-1" onClick={ event => processButtonAction('buy_one') }>{ LocalizeText('infostand.button.buy') }</button> }
                 { isCrackable &&
                     <>
                         <hr className="m-0 my-1" />
@@ -230,19 +235,19 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
             </InfoStandBaseView>
             <div className="button-container mt-2">
                 { canMove &&
-                    <button type="button" className="btn btn-sm btn-dark" onClick={event => processButtonAction('move')}>
+                    <button type="button" className="btn btn-sm btn-dark" onClick={ event => processButtonAction('move') }>
                         { LocalizeText('infostand.button.move') }
                     </button> }
                 { canRotate &&
-                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={event => processButtonAction('rotate')}>
+                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={ event => processButtonAction('rotate') }>
                         { LocalizeText('infostand.button.rotate') }
                     </button> }
                 { canUse &&
-                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={event => processButtonAction('use')}>
+                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={ event => processButtonAction('use') }>
                         { LocalizeText('infostand.button.use') }
                     </button>}
                 { (pickupMode !== PICKUP_MODE_NONE) &&
-                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={event => processButtonAction('pickup')}>
+                    <button type="button" className="btn btn-sm btn-dark ms-1" onClick={ event => processButtonAction('pickup') }>
                         { LocalizeText((pickupMode === PICKUP_MODE_EJECT) ? 'infostand.button.eject' : 'infostand.button.pickup') }
                     </button> }
                 { ((furniSettingsKeys.length > 0 && furniSettingsValues.length > 0) && (furniSettingsKeys.length === furniSettingsValues.length)) &&