fix: add react-kit providers

bosonprotocol · Mar 20, 2024 · 8d3ffab · 8d3ffab
1 parent 4f5cf67
commit 8d3ffab
Show file tree

Hide file tree

Showing 28 changed files with 1,220 additions and 1,126 deletions.
diff --git a/packages/react-kit/src/components/cta/dispute/DecideDisputeButton.tsx b/packages/react-kit/src/components/cta/dispute/DecideDisputeButton.tsx
@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -17,29 +18,31 @@ type SuccessPayload = {
 export type IDecideDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const DecideDisputeButton = ({
-  exchangeId,
-  buyerPercent,
-  variant = "primaryFill",
-  ...restProps
-}: IDecideDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.decideDispute(exchangeId, buyerPercent)
-      // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
-    }
-  ];
+export const DecideDisputeButton = withQueryClientProvider(
+  ({
+    exchangeId,
+    buyerPercent,
+    variant = "primaryFill",
+    ...restProps
+  }: IDecideDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.decideDispute(exchangeId, buyerPercent)
+        // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Decide"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Decide"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);
diff --git a/packages/react-kit/src/components/cta/dispute/EscalateDisputeButton.tsx b/packages/react-kit/src/components/cta/dispute/EscalateDisputeButton.tsx
@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -16,33 +17,35 @@ type SuccessPayload = {
 export type IEscalateDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const EscalateDisputeButton = ({
-  variant = "secondaryFill",
-  exchangeId,
-  ...restProps
-}: IEscalateDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const EscalateDisputeButton = withQueryClientProvider(
+  ({
+    variant = "secondaryFill",
+    exchangeId,
+    ...restProps
+  }: IEscalateDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.escalateDispute(exchangeId),
-      signMetaTxFn: () =>
-        coreSdk.signMetaTxEscalateDispute({
-          exchangeId,
-          nonce: Date.now()
-        })
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.escalateDispute(exchangeId),
+        signMetaTxFn: () =>
+          coreSdk.signMetaTxEscalateDispute({
+            exchangeId,
+            nonce: Date.now()
+          })
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Escalate"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Escalate"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);
diff --git a/packages/react-kit/src/components/cta/dispute/ExpireDisputeButton.tsx b/packages/react-kit/src/components/cta/dispute/ExpireDisputeButton.tsx
@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -16,29 +17,31 @@ type SuccessPayload = {
 export type IExpireDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const ExpireDisputeButton = ({
-  variant = "secondaryFill",
-  exchangeId,
-  ...restProps
-}: IExpireDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const ExpireDisputeButton = withQueryClientProvider(
+  ({
+    variant = "secondaryFill",
+    exchangeId,
+    ...restProps
+  }: IExpireDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.expireDispute(exchangeId)
-      // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.expireDispute(exchangeId)
+        // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Expire Dispute"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Expire Dispute"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);
diff --git a/packages/react-kit/src/components/cta/dispute/ExpireEscalationDisputeButton.tsx b/packages/react-kit/src/components/cta/dispute/ExpireEscalationDisputeButton.tsx
@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -16,28 +17,30 @@ type SuccessPayload = {
 export type IExpireEscalationDisputeButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const ExpireEscalationDisputeButton = ({
-  exchangeId,
-  variant = "secondaryFill",
-  ...restProps
-}: IExpireEscalationDisputeButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
-  const actions = [
-    {
-      writeContractFn: () => coreSdk.expireEscalatedDispute(exchangeId)
-      // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
-    }
-  ];
+export const ExpireEscalationDisputeButton = withQueryClientProvider(
+  ({
+    exchangeId,
+    variant = "secondaryFill",
+    ...restProps
+  }: IExpireEscalationDisputeButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
+    const actions = [
+      {
+        writeContractFn: () => coreSdk.expireEscalatedDispute(exchangeId)
+        // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Expire Escalation"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Expire Escalation"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);
diff --git a/packages/react-kit/src/components/cta/dispute/ExtendDisputeTimeoutButton.tsx b/packages/react-kit/src/components/cta/dispute/ExtendDisputeTimeoutButton.tsx
@@ -4,6 +4,7 @@ import { BigNumberish } from "ethers";
 import { CtaButtonProps } from "../common/types";
 import { CtaButton } from "../common/CtaButton";
 import { useCoreSdkOverrides } from "../../../hooks/core-sdk/useCoreSdkOverrides";
+import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 
 type AdditionalProps = {
   exchangeId: BigNumberish;
@@ -17,31 +18,33 @@ type SuccessPayload = {
 export type IExtendDisputeTimeoutButton = AdditionalProps &
   CtaButtonProps<SuccessPayload>;
 
-export const ExtendDisputeTimeoutButton = ({
-  variant = "primaryFill",
-  exchangeId,
-  newDisputeTimeout,
-  ...restProps
-}: IExtendDisputeTimeoutButton) => {
-  const coreSdk = useCoreSdkOverrides({
-    coreSdkConfig: restProps.coreSdkConfig
-  });
+export const ExtendDisputeTimeoutButton = withQueryClientProvider(
+  ({
+    variant = "primaryFill",
+    exchangeId,
+    newDisputeTimeout,
+    ...restProps
+  }: IExtendDisputeTimeoutButton) => {
+    const coreSdk = useCoreSdkOverrides({
+      coreSdkConfig: restProps.coreSdkConfig
+    });
 
-  const actions = [
-    {
-      writeContractFn: () =>
-        coreSdk.extendDisputeTimeout(exchangeId, newDisputeTimeout)
-      // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
-    }
-  ];
+    const actions = [
+      {
+        writeContractFn: () =>
+          coreSdk.extendDisputeTimeout(exchangeId, newDisputeTimeout)
+        // TODO: ADD signMetaTxFn - has not been implemented in coreSDK yet.
+      }
+    ];
 
-  return (
-    <CtaButton
-      variant={variant}
-      defaultLabel="Extend Time"
-      successPayload={{ exchangeId }}
-      actions={actions}
-      {...restProps}
-    />
-  );
-};
+    return (
+      <CtaButton
+        variant={variant}
+        defaultLabel="Extend Time"
+        successPayload={{ exchangeId }}
+        actions={actions}
+        {...restProps}
+      />
+    );
+  }
+);