Bump polkadot api versions

package.json

@@ -25,18 +25,18 @@
     "@heroicons/react": "^2.1.1",
     "@hookform/resolvers": "^2.9.11",
     "@netlify/functions": "^2.8.1",
-    "@pendulum-chain/api": "^0.3.8",
-    "@pendulum-chain/api-solang": "^0.4.0",
-    "@polkadot/api": "^10.9.1",
-    "@polkadot/api-base": "^10.9.1",
-    "@polkadot/api-contract": "^10.9.1",
-    "@polkadot/api-derive": "^10.9.1",
+    "@pendulum-chain/api": "^1.1.1",
+    "@pendulum-chain/api-solang": "^0.7.0",
+    "@polkadot/api": "^13.2.1",
+    "@polkadot/api-base": "^13.2.1",
+    "@polkadot/api-contract": "^13.2.1",
+    "@polkadot/api-derive": "^13.2.1",
     "@polkadot/extension-dapp": "^0.46.5",
     "@polkadot/keyring": "^12.3.2",
-    "@polkadot/rpc-augment": "^10.9.1",
-    "@polkadot/rpc-core": "^10.9.1",
-    "@polkadot/rpc-provider": "^10.9.1",
-    "@polkadot/types": "^10.9.1",
+    "@polkadot/rpc-augment": "^13.2.1",
+    "@polkadot/rpc-core": "^13.2.1",
+    "@polkadot/rpc-provider": "^13.2.1",
+    "@polkadot/types": "^13.2.1",
     "@polkadot/util": "^12.6.2",
     "@talismn/connect-components": "^1.1.7",
     "@talismn/connect-ui": "^1.1.2",
@@ -76,11 +76,11 @@
     "@babel/preset-typescript": "^7.24.1",
     "@graphql-codegen/cli": "^5.0.2",
     "@graphql-codegen/client-preset": "^4.2.6",
-    "@pendulum-chain/types": "^0.3.8",
-    "@polkadot/types-augment": "^10.9.1",
-    "@polkadot/types-codec": "^10.9.1",
-    "@polkadot/types-create": "^10.9.1",
-    "@polkadot/types-known": "^10.9.1",
+    "@pendulum-chain/types": "^1.1.1",
+    "@polkadot/types-augment": "^13.2.1",
+    "@polkadot/types-codec": "^13.2.1",
+    "@polkadot/types-create": "^13.2.1",
+    "@polkadot/types-known": "^13.2.1",
     "@preact/preset-vite": "^2.5.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^11.1.0",
@@ -131,7 +131,7 @@
     "yarn": ">=1.22.19"
   },
   "resolutions": {
-    "@polkadot/api": "^10.9.1",
+    "@polkadot/api": "^13.2.1",
     "@polkadot/extension-inject": "^0.46.9"
   }
 }

src/hooks/useBuyout/index.ts

@@ -58,7 +58,7 @@ function handleBuyoutError(error: string) {
 function generateBuyoutExtrinsicPayload(amount: BigNumber) {
   const amountString = amount.toString();
   // We always go the 'buyout' route because the 'exchange' route does not work sometimes
-  return { buyout: { amount: amountString } };
+  return { Buyout: { amount: amountString } };
 }
 
 export const useBuyout = (): BuyoutSettings => {

src/pages/staking/CollatorRewards/CollatorRewards.tsx

@@ -186,9 +186,9 @@ export function CollatorRewards() {
     if (loadingToken) {
       return (
         <>
-          <Skeleton className="w-full h-8 mb-2" />
-          <Skeleton className="w-full h-8 mb-2" />
-          <Skeleton className="w-full h-8 mb-2" />
+          <Skeleton className="mb-2 h-8 w-full" />
+          <Skeleton className="mb-2 h-8 w-full" />
+          <Skeleton className="mb-2 h-8 w-full" />
         </>
       );
     }
@@ -198,9 +198,9 @@ export function CollatorRewards() {
 
   return (
     <>
-      <div className="flex flex-col mb-8 justify-between md:flex-row ">
-        <div className="card rounded-lg bg-base-200 mb-3 md:w-1/2 md:mb-0 md:mr-5 collators-box">
-          <div className="card-body py-6 px-4 xs:px-8">
+      <div className="mb-8 flex flex-col justify-between md:flex-row">
+        <div className="collators-box card mb-3 rounded-lg bg-base-200 md:mb-0 md:mr-5 md:w-1/2">
+          <div className="card-body px-4 py-6 xs:px-8">
             <h2 className="card-title font-normal">Staking</h2>
             {renderContentWithLoading(
               <StakingContent
@@ -215,9 +215,9 @@ export function CollatorRewards() {
             )}
           </div>
         </div>
-        <div className="card rounded-lg bg-base-200 md:w-1/2 collators-box">
-          <div className="card-body py-6 px-4 xs:px-8">
-            <h2 className="card-title font-normal mb-2">Staking Rewards</h2>
+        <div className="collators-box card rounded-lg bg-base-200 md:w-1/2">
+          <div className="card-body px-4 py-6 xs:px-8">
+            <h2 className="card-title mb-2 font-normal">Staking Rewards</h2>
             {renderContentWithLoading(
               <StakingRewardsContent
                 updateButton={{

src/pages/staking/CollatorsTable.tsx

@@ -132,7 +132,7 @@ function CollatorsTable() {
         }}
       />
       <Table
-        className="collators-list-table bg-base-100 text-md w-full"
+        className="collators-list-table text-md w-full bg-base-100"
         data={data}
         columns={columns}
         isLoading={!candidates}