fix: create custom ID for liquidity provision entries

libs/liquidity/src/lib/liquidity-data-provider.ts

@@ -25,6 +25,8 @@ import type {
   LiquidityProvisionsUpdateSubscription,
 } from './__generated__/MarketLiquidity';
 import type { Account } from '@vegaprotocol/accounts';
+import type { IterableElement } from 'type-fest';
+
 export const liquidityProvisionsDataProvider = makeDataProvider<
   LiquidityProvisionsQuery,
   LiquidityProvisionFieldsFragment[],
@@ -39,8 +41,8 @@ export const liquidityProvisionsDataProvider = makeDataProvider<
   ) => {
     return produce(data, (draft) => {
       deltas?.forEach((delta) => {
-        const id = delta.partyID;
-        const index = draft.findIndex((a) => a.party.id === id);
+        const id = getId(delta);
+        const index = draft.findIndex((a) => getId(a) === id);
         if (index !== -1) {
           draft[index].commitmentAmount = delta.commitmentAmount;
           draft[index].fee = delta.fee;
@@ -76,6 +78,31 @@ export const liquidityProvisionsDataProvider = makeDataProvider<
   },
 });
 
+function isLpProvision(
+  entry:
+    | LiquidityProvisionFieldsFragment
+    | IterableElement<
+        LiquidityProvisionsUpdateSubscription['liquidityProvisions']
+      >
+): entry is LiquidityProvisionFieldsFragment {
+  return (
+    (entry as LiquidityProvisionFieldsFragment).__typename ===
+      'LiquidityProvision' ||
+    Boolean((entry as LiquidityProvisionFieldsFragment).party?.id)
+  );
+}
+
+export const getId = (
+  entry:
+    | LiquidityProvisionFieldsFragment
+    | IterableElement<
+        LiquidityProvisionsUpdateSubscription['liquidityProvisions']
+      >
+) =>
+  isLpProvision(entry)
+    ? `${entry.party.id}${entry.status}${entry.createdAt}`
+    : `${entry.partyID}${entry.status}${entry.createdAt}`;
+
 export const marketLiquidityDataProvider = makeDataProvider<
   MarketLpQuery,
   MarketLpQuery,

libs/liquidity/src/lib/liquidity-table.tsx

@@ -16,6 +16,7 @@ import BigNumber from 'bignumber.js';
 import type { Schema } from '@vegaprotocol/types';
 import { LiquidityProvisionStatusMapping } from '@vegaprotocol/types';
 import type { LiquidityProvisionData } from './liquidity-data-provider';
+import { getId } from './liquidity-data-provider';
 
 const percentageFormatter = ({ value }: ValueFormatterParams) => {
   if (!value) return '-';
@@ -55,7 +56,7 @@ export const LiquidityTable = forwardRef<AgGridReact, LiquidityTableProps>(
       <AgGrid
         style={{ width: '100%', height: '100%' }}
         overlayNoRowsTemplate={t('No liquidity provisions')}
-        getRowId={({ data }) => data.party.id}
+        getRowId={({ data }) => getId(data)}
         rowHeight={34}
         ref={ref}
         tooltipShowDelay={500}