From 058088b7896c31709b8a9083ec4eeef52c2c0106 Mon Sep 17 00:00:00 2001
From: object <objectholos@gmail.com>
Date: Wed, 10 Aug 2022 16:24:22 +0000
Subject: [PATCH] Listening new states for the respects count

---
 .../menu/AvatarInfoWidgetOwnPetView.tsx       | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/components/room/widgets/avatar-info/menu/AvatarInfoWidgetOwnPetView.tsx b/src/components/room/widgets/avatar-info/menu/AvatarInfoWidgetOwnPetView.tsx
index 107393b5..763a7a00 100644
--- a/src/components/room/widgets/avatar-info/menu/AvatarInfoWidgetOwnPetView.tsx
+++ b/src/components/room/widgets/avatar-info/menu/AvatarInfoWidgetOwnPetView.tsx
@@ -1,7 +1,7 @@
 import { PetRespectComposer, PetType, RoomObjectCategory, RoomObjectType, RoomObjectVariable, RoomUnitGiveHandItemPetComposer } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useMemo, useState } from 'react';
 import { AvatarInfoPet, CreateLinkEvent, GetConfiguration, GetOwnRoomObject, GetSessionDataManager, LocalizeText, SendMessageComposer } from '../../../../../api';
-import { useRoom } from '../../../../../hooks';
+import { usePets, useRoom } from '../../../../../hooks';
 import { ContextMenuHeaderView } from '../../context-menu/ContextMenuHeaderView';
 import { ContextMenuListItemView } from '../../context-menu/ContextMenuListItemView';
 import { ContextMenuView } from '../../context-menu/ContextMenuView';
@@ -21,8 +21,14 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
 {
     const { avatarInfo = null, onClose = null } = props;
     const [ mode, setMode ] = useState(MODE_NORMAL);
-    const [ respectsLeft, setRespectsLeft ] = useState(0);
     const { roomSession = null } = useRoom();
+    const { petRespect, changePetRespect } = usePets();
+
+    useEffect(() =>
+    {
+        changePetRespect(avatarInfo.respectsPetLeft);
+
+    }, [ avatarInfo ]);
 
     const canGiveHandItem = useMemo(() =>
     {
@@ -49,18 +55,18 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
             switch(name)
             {
                 case 'respect':
-                    let newRespectsLeft = 0;
+                    let newRespectsLeftChange = 0;
 
-                    setRespectsLeft(prevValue =>
+                    changePetRespect(prevValue =>
                     {
-                        newRespectsLeft = (prevValue - 1);
+                        newRespectsLeftChange = (prevValue - 1);
 
-                        return newRespectsLeft;
+                        return newRespectsLeftChange;
                     });
 
                     GetSessionDataManager().givePetRespect(avatarInfo.id);
 
-                    if(newRespectsLeft > 0) hideMenu = false;
+                    if(newRespectsLeftChange > 0) hideMenu = false;
                     break;
                 case 'treat':
                     SendMessageComposer(new PetRespectComposer(avatarInfo.id));
@@ -132,7 +138,8 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
             return MODE_NORMAL;
         });
 
-        setRespectsLeft(avatarInfo.respectsPetLeft);
+        changePetRespect(avatarInfo.respectsPetLeft);
+
     }, [ avatarInfo ]);
 
     return (
@@ -142,9 +149,9 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
             </ContextMenuHeaderView>
             { (mode === MODE_NORMAL) &&
                 <>
-                    { (respectsLeft > 0) &&
+                    { (petRespect > 0) &&
                         <ContextMenuListItemView onClick={ event => processAction('respect') }>
-                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
+                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ petRespect.toString() ]) }
                         </ContextMenuListItemView> }
                     <ContextMenuListItemView onClick={ event => processAction('train') }>
                         { LocalizeText('infostand.button.train') }
@@ -170,9 +177,9 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
                         <input type="checkbox" checked={ !!avatarInfo.publiclyRideable } readOnly={ true } />
                         { LocalizeText('infostand.button.toggle_riding_permission') }
                     </ContextMenuListItemView>
-                    { (respectsLeft > 0) &&
+                    { (petRespect > 0) &&
                         <ContextMenuListItemView onClick={ event => processAction('respect') }>
-                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
+                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ petRespect.toString() ]) }
                         </ContextMenuListItemView> }
                     <ContextMenuListItemView onClick={ event => processAction('train') }>
                         { LocalizeText('infostand.button.train') }
@@ -189,9 +196,9 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
                     <ContextMenuListItemView onClick={ event => processAction('dismount') }>
                         { LocalizeText('infostand.button.dismount') }
                     </ContextMenuListItemView>
-                    { (respectsLeft > 0) &&
+                    { (petRespect > 0) &&
                         <ContextMenuListItemView onClick={ event => processAction('respect') }>
-                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ respectsLeft.toString() ]) }
+                            { LocalizeText('infostand.button.petrespect', [ 'count' ], [ petRespect.toString() ]) }
                         </ContextMenuListItemView> }
                 </> }
             { (mode === MODE_MONSTER_PLANT) &&
@@ -209,7 +216,7 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
                         </ContextMenuListItemView> }
                     { !avatarInfo.dead && ((avatarInfo.energy / avatarInfo.maximumEnergy) < 0.98) &&
                         <ContextMenuListItemView onClick={ event => processAction('treat') }>
-                            { LocalizeText('infostand.button.treat') }
+                            { LocalizeText('infostand.button.pettreat') }
                         </ContextMenuListItemView> }
                     { !avatarInfo.dead && (avatarInfo.level === avatarInfo.maximumLevel) && avatarInfo.breedable &&
                         <>