fix: rerender slots when using SetSlotCount while client is in inventory

modules/inventory/client.lua

@@ -397,4 +397,16 @@ RegisterNetEvent('ox_inventory:refreshMaxWeight', function(data)
 	})
 end)
 
+RegisterNetEvent('ox_inventory:refreshSlotCount', function(data)
+	SendNUIMessage({
+		action = 'refreshSlots',
+		data = {
+			slotsData = {
+				inventoryId = data.inventoryId,
+				slots = data.slots
+			}
+		}
+	})
+end)
+
 return Inventory

modules/inventory/server.lua

@@ -1013,6 +1013,18 @@ function Inventory.SetSlotCount(inv, slots)
 
 	inv.changed = true
 	inv.slots = slots
+
+	if inv.player then
+		print('inv.player')
+        TriggerClientEvent('ox_inventory:refreshSlotCount', inv.id, {inventoryId = inv.id, slots = inv.slots})
+    end
+
+    for playerId in pairs(inv.openedBy) do
+        if playerId ~= inv.id then
+			print('playerId')
+            TriggerClientEvent('ox_inventory:refreshSlotCount', playerId, {inventoryId = inv.id, slots = inv.slots})
+        end
+	end
 end
 
 exports('SetSlotCount', Inventory.SetSlotCount)

web/src/reducers/refreshSlots.ts

@@ -2,13 +2,16 @@ import { CaseReducer, PayloadAction } from '@reduxjs/toolkit';
 import { itemDurability } from '../helpers';
 import { Items } from '../store/items';
 import { InventoryType, Slot, State } from '../typings';
+import { inventorySlice } from '../store/inventory';
+import RightInventory from '../components/inventory/RightInventory';
 
 export type ItemsPayload = { item: Slot; inventory?: InventoryType };
 
 interface Payload {
   items?: ItemsPayload | ItemsPayload[];
   itemCount?: Record<string, number>;
   weightData?: { inventoryId: string; maxWeight: number };
+  slotsData?: { inventoryId: string; slots: number };
 }
 
 export const refreshSlotsReducer: CaseReducer<State, PayloadAction<Payload>> = (state, action) => {
@@ -64,4 +67,27 @@ export const refreshSlotsReducer: CaseReducer<State, PayloadAction<Payload>> = (
 
     state[inv].maxWeight = inventoryMaxWeight;
   }
+
+  if (action.payload.slotsData) {
+    const { inventoryId } = action.payload.slotsData;
+    const { slots } = action.payload.slotsData;
+
+    const inv =
+      inventoryId === state.leftInventory.id
+        ? 'leftInventory'
+        : inventoryId === state.rightInventory.id
+        ? 'rightInventory'
+        : null;
+
+    if (!inv) return;
+
+    state[inv].slots = slots;
+    inventorySlice.caseReducers.setupInventory(state, {
+      type: 'setupInventory',
+      payload: {
+        leftInventory: inv === 'leftInventory' ? state[inv] : undefined,
+        rightInventory: inv === 'rightInventory' ? state[inv] : undefined,
+      },
+    });
+  }
 };