fix: add proxy and undelegate message

.github/workflows/check.yml

@@ -0,0 +1,17 @@
+name: Test
+on: push
+jobs:
+  Lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - run: yarn --immutable
+
+      - run: yarn lint
+      - run: yarn test
+      - run: yarn type-check
+      - run: yarn build

next.config.mjs

@@ -1,9 +1,13 @@
 const nextConfig = {
-  basePath: "/xion-staking",
   eslint: {
     ignoreDuringBuilds: process.env.QUICK_BUILD === "true",
   },
-  output: "export",
+  rewrites: async () => [
+    {
+      destination: "https://rpc.xion-testnet-1.burnt.com:443",
+      source: "/rpc",
+    },
+  ],
   typescript: {
     ignoreBuildErrors: process.env.QUICK_BUILD === "true",
   },

src/app/layout.tsx

@@ -6,7 +6,7 @@ import "@burnt-labs/ui/dist/index.css";
 import { Inter } from "next/font/google";
 
 import { StakingProvider } from "@/features/staking/context/provider";
-import { dashboardUrl } from "@/features/staking/lib/constants";
+import { dashboardUrl, rpcEndpoint } from "@/features/staking/lib/constants";
 
 import "./globals.css";
 
@@ -15,6 +15,7 @@ const inter = Inter({ subsets: ["latin"] });
 const abstraxionConfig = {
   contracts: [],
   dashboardUrl,
+  rpcUrl: rpcEndpoint,
   stake: true,
 };
 

src/features/staking/components/logged-in.tsx

@@ -7,7 +7,7 @@ import Link from "next/link";
 import { memo, useState } from "react";
 
 import type { StakingState } from "../context";
-import { stakeValidator } from "../context/actions";
+import { stakeValidator, unstakeValidator } from "../context/actions";
 import { useStaking } from "../context/hooks";
 import { formatCoin } from "../lib/coins";
 import { chainId } from "../lib/constants";
@@ -89,6 +89,19 @@ function StakingPage() {
                 <Button
                   onClick={() => {
                     setIsLoading(true);
+
+                    if (!client) return;
+
+                    setIsLoading(true);
+
+                    const addresses: StakeAddresses = {
+                      delegator: account.bech32Address,
+                      validator: validator.operatorAddress,
+                    };
+
+                    unstakeValidator(addresses, client, staking).then(() => {
+                      setIsLoading(false);
+                    });
                   }}
                 >
                   Undelegate

src/features/staking/context/actions.ts

@@ -5,6 +5,7 @@ import {
   getDelegations,
   getValidatorsList,
   stakeAmount,
+  unstakeAmount,
 } from "../lib/core";
 import { addDelegations, setTokens, setValidators } from "./reducer";
 
@@ -51,3 +52,16 @@ export const stakeValidator = async (
 
   await fetchStakingData(addressess.delegator, staking);
 };
+
+export const unstakeValidator = async (
+  addressess: StakeAddresses,
+  client: SigningClient,
+  staking: StakingContextType,
+) => {
+  await unstakeAmount(addressess, client, {
+    amount: "1000",
+    denom: "uxion",
+  });
+
+  await fetchStakingData(addressess.delegator, staking);
+};

src/features/staking/lib/constants.ts

@@ -5,4 +5,7 @@ export const { chainId } = testnetChainInfo;
 export const dashboardUrl =
   process.env.NODE_ENV === "production" ? undefined : "http://localhost:3000";
 
-export const rpcEndpoint = "https://rpc.xion-testnet-1.burnt.com:443";
+export const rpcEndpoint =
+  typeof window === "undefined"
+    ? "https://rpc.xion-testnet-1.burnt.com:443"
+    : `${window.location.origin}/rpc`;

src/features/staking/lib/core.ts

@@ -1,12 +1,20 @@
 import type { useAbstraxionSigningClient } from "@burnt-labs/abstraxion";
-import type { Coin, MsgDelegateEncodeObject, StdFee } from "@cosmjs/stargate";
+import type {
+  Coin,
+  MsgDelegateEncodeObject,
+  MsgUndelegateEncodeObject,
+  StdFee,
+} from "@cosmjs/stargate";
 import {
   QueryClient,
   StargateClient,
   setupStakingExtension,
 } from "@cosmjs/stargate";
 import { Tendermint34Client } from "@cosmjs/tendermint-rpc";
-import { MsgDelegate } from "cosmjs-types/cosmos/staking/v1beta1/tx";
+import {
+  MsgDelegate,
+  MsgUndelegate,
+} from "cosmjs-types/cosmos/staking/v1beta1/tx";
 
 import { rpcEndpoint } from "./constants";
 
@@ -72,3 +80,33 @@ export const stakeAmount = async (
 
   return await client.signAndBroadcast(addresses.delegator, [msgAny], fee);
 };
+
+export const unstakeAmount = async (
+  addresses: StakeAddresses,
+  client: NonNullable<SigningClient>,
+  amount: Coin,
+) => {
+  const msg = MsgUndelegate.fromPartial({
+    amount,
+    delegatorAddress: addresses.delegator,
+    validatorAddress: addresses.validator,
+  });
+
+  const msgAny: MsgUndelegateEncodeObject = {
+    typeUrl: "/cosmos.staking.v1beta1.MsgUndelegate",
+    value: msg,
+  };
+
+  const fee: StdFee = {
+    amount: [
+      {
+        amount: "1000",
+        denom: "uxion",
+      },
+    ],
+    gas: "200000",
+    granter: addresses.delegator,
+  };
+
+  return await client.signAndBroadcast(addresses.delegator, [msgAny], fee);
+};