[HIP-124] Helium-vote implementation

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -16,6 +16,7 @@
     "@helium/modular-governance-hooks": "^0.0.13",
     "@helium/modular-governance-idls": "^0.0.13",
     "@helium/organization-sdk": "^0.0.13",
+    "@helium/position-voting-rewards-sdk": "^0.9.7",
     "@helium/spl-utils": "^0.9.7",
     "@helium/state-controller-sdk": "^0.0.13",
     "@helium/voter-stake-registry-hooks": "^0.9.7",
@@ -71,6 +72,7 @@
     "yargs": "^17.7.2"
   },
   "resolutions": {
+    "@helium/position-voting-rewards-sdk": "^0.9.7",
     "@tanstack/react-query": "5.45.1",
     "@solana/web3.js": "^1.90.0",
     "@helium/account-fetch-cache": "^0.9.7",

scripts/bootstrap.ts

@@ -24,7 +24,7 @@ export async function run(args: any = process.argv) {
     },
     realmName: {
       type: "string",
-      default: "Helium",
+      required: true,
     },
     name: {
       type: "string",

src/components/CreatePositionModal.tsx

@@ -143,6 +143,7 @@ export const CreatePositionModal: FC<React.PropsWithChildren<{}>> = ({
       }
     } catch (e: any) {
       setIsSubmitting(false);
+      console.error(e)
       if (!(e instanceof WalletSignTransactionError)) {
         toast(e.message || "Position creation failed, please try again");
       }

src/components/PositionManager/ExtendPositionPrompt.tsx

@@ -3,8 +3,9 @@
 import {
   PositionWithMeta,
   calcLockupMultiplier,
+  useEnrolledPosition,
 } from "@helium/voter-stake-registry-hooks";
-import React, { FC, useCallback, useState } from "react";
+import React, { FC, useCallback, useMemo, useState } from "react";
 import { LockTokensForm, LockTokensFormValues } from "../LockTokensForm";
 import { StepIndicator } from "../StepIndicator";
 import { useGovernance } from "@/providers/GovernanceProvider";
@@ -19,6 +20,7 @@ import { Button } from "../ui/button";
 import { Loader2, X } from "lucide-react";
 import { FaCircleArrowRight } from "react-icons/fa6";
 import { ConfirmationItem } from "./ConfirmationItem";
+import { enrolledPositionKey } from "@helium/position-voting-rewards-sdk";
 
 export const ExtendPositionPrompt: FC<{
   position: PositionWithMeta;
@@ -41,6 +43,13 @@ export const ExtendPositionPrompt: FC<{
         )
       : secsToDays(position.lockup.endTs.sub(new BN(unixNow)).toNumber())
   );
+  const enrolledPositionK = useMemo(
+    () => enrolledPositionKey(position.pubkey)[0],
+    [position.pubkey]
+  );
+  const enrolledPosition = useEnrolledPosition(enrolledPositionK);
+  const numVotedProposals =
+    (enrolledPosition && enrolledPosition.info?.recentProposals.length) || 0;
 
   const handleCalcLockupMultiplier = useCallback(
     (lockupPeriodInDays: number) =>
@@ -88,19 +97,28 @@ export const ExtendPositionPrompt: FC<{
         )}
       </div>
       {step === 1 && (
-        <LockTokensForm
-          initValues={formValues}
-          mode="extend"
-          submitText="Next"
-          maxLockupAmount={maxActionableAmount}
-          minLockupTimeInDays={minLockupTimeInDays}
-          maxLockupTimeInDays={secsToDays(
-            votingMint.lockupSaturationSecs.toNumber()
+        <div className="flex flex-col gap-2">
+          {numVotedProposals > 0 && (
+            <span className="text-red-500">
+              You have voted on {numVotedProposals} proposal{numVotedProposals > 1 ? "s" : ""}. Extending your
+              position resets your voting progress. If you extend this position, you will need to vote on 2
+              more proposals before this position is eligible for rewards again.
+            </span>
           )}
-          calcMultiplierFn={handleCalcLockupMultiplier}
-          onCancel={onCancel}
-          onSubmit={handleFormSubmit}
-        />
+          <LockTokensForm
+            initValues={formValues}
+            mode="extend"
+            submitText="Next"
+            maxLockupAmount={maxActionableAmount}
+            minLockupTimeInDays={minLockupTimeInDays}
+            maxLockupTimeInDays={secsToDays(
+              votingMint.lockupSaturationSecs.toNumber()
+            )}
+            calcMultiplierFn={handleCalcLockupMultiplier}
+            onCancel={onCancel}
+            onSubmit={handleFormSubmit}
+          />
+        </div>
       )}
       {step === 2 && (
         <>
@@ -141,6 +159,7 @@ export const ExtendPositionPrompt: FC<{
               >
                 Go Back
               </Button>
+
               <Button
                 className="flex-1 text-foreground gap-2"
                 disabled={isSubmitting}

src/components/PositionManager/MergePositionPrompt.tsx

@@ -8,18 +8,19 @@ import {
   precision,
 } from "@/lib/utils";
 import { useGovernance } from "@/providers/GovernanceProvider";
-import { PositionWithMeta } from "@helium/voter-stake-registry-hooks";
+import { PositionWithMeta, useEnrolledPosition } from "@helium/voter-stake-registry-hooks";
 import { Mint } from "@solana/spl-token";
 import { PublicKey } from "@solana/web3.js";
 import classNames from "classnames";
 import { Loader2, X } from "lucide-react";
-import React, { FC, useState } from "react";
+import React, { FC, useMemo, useState } from "react";
 import { FaCircleArrowRight } from "react-icons/fa6";
 import { PositionCard } from "../PositionCard";
 import { StepIndicator } from "../StepIndicator";
 import { Button } from "../ui/button";
 import { Input } from "../ui/input";
 import { ConfirmationItem } from "./ConfirmationItem";
+import { enrolledPositionKey } from "@helium/position-voting-rewards-sdk";
 
 const PositionBlurb = ({
   position,
@@ -77,6 +78,14 @@ export const MergePositionPrompt: FC<{
   const mintMinAmount = mintAcc ? getMintMinAmountAsDecimal(mintAcc) : 1;
   const currentPrecision = precision(mintMinAmount);
 
+  const enrolledPositionK = useMemo(
+    () => enrolledPositionKey(position.pubkey)[0],
+    [position.pubkey]
+  );
+  const enrolledPosition = useEnrolledPosition(enrolledPositionK);
+  const numVotedProposals =
+    (enrolledPosition && enrolledPosition.info?.recentProposals.length) || 0;
+
   const selectedPosition =
     selectedPosPk && positions.find((pos) => pos.pubkey.equals(selectedPosPk))!;
 
@@ -192,6 +201,15 @@ export const MergePositionPrompt: FC<{
                 );
               })}
             </div>
+            {numVotedProposals > 0 && (
+              <span className="text-red-500">
+                You have voted on {numVotedProposals} proposal
+                {numVotedProposals > 1 ? "s" : ""}. Merging your positions
+                resets your voting progress. If you merge these positions, you
+                will need to vote on 2 more proposals before they are
+                eligible for rewards again.
+              </span>
+            )}
             <div className="flex flex-row flex-1 gap-2 w-full">
               <Button variant="secondary" className="flex-1" onClick={onCancel}>
                 Cancel

src/components/PositionManager/SplitPositionPrompt.tsx

@@ -12,16 +12,18 @@ import { useSolanaUnixNow } from "@helium/helium-react-hooks";
 import {
   PositionWithMeta,
   calcLockupMultiplier,
+  useEnrolledPosition,
 } from "@helium/voter-stake-registry-hooks";
 import BN from "bn.js";
 import { Loader2, X } from "lucide-react";
-import React, { FC, useCallback, useState } from "react";
+import React, { FC, useCallback, useMemo, useState } from "react";
 import { FaCircleArrowDown } from "react-icons/fa6";
 import { LockTokensForm, LockTokensFormValues } from "../LockTokensForm";
 import { PositionCard } from "../PositionCard";
 import { StepIndicator } from "../StepIndicator";
 import { Button } from "../ui/button";
 import { ConfirmationItem } from "./ConfirmationItem";
+import { enrolledPositionKey } from "@helium/position-voting-rewards-sdk";
 
 export const SplitPositionPrompt: FC<{
   position: PositionWithMeta;
@@ -45,6 +47,14 @@ export const SplitPositionPrompt: FC<{
       : secsToDays(position.lockup.endTs.sub(new BN(unixNow)).toNumber())
   );
 
+  const enrolledPositionK = useMemo(
+    () => enrolledPositionKey(position.pubkey)[0],
+    [position.pubkey]
+  );
+  const enrolledPosition = useEnrolledPosition(enrolledPositionK);
+  const numVotedProposals =
+    (enrolledPosition && enrolledPosition.info?.recentProposals.length) || 0;
+
   const handleCalcLockupMultiplier = useCallback(
     (lockupPeriodInDays: number) =>
       (registrar &&
@@ -94,19 +104,30 @@ export const SplitPositionPrompt: FC<{
         )}
       </div>
       {step === 1 && (
-        <LockTokensForm
-          initValues={formValues}
-          mode="split"
-          submitText="Next"
-          maxLockupAmount={maxActionableAmount}
-          minLockupTimeInDays={minLockupTimeInDays}
-          maxLockupTimeInDays={secsToDays(
-            votingMint.lockupSaturationSecs.toNumber()
+        <div className="flex flex-col gap-2">
+          {numVotedProposals > 0 && (
+            <span className="text-red-500">
+              You have voted on {numVotedProposals} proposal
+              {numVotedProposals > 1 ? "s" : ""}. Splitting your position resets
+              your voting progress. If you split this position, you will need
+              to vote on 2 more proposals before they are eligible for rewards
+              again.
+            </span>
           )}
-          calcMultiplierFn={handleCalcLockupMultiplier}
-          onCancel={onCancel}
-          onSubmit={handleFormSubmit}
-        />
+          <LockTokensForm
+            initValues={formValues}
+            mode="split"
+            submitText="Next"
+            maxLockupAmount={maxActionableAmount}
+            minLockupTimeInDays={minLockupTimeInDays}
+            maxLockupTimeInDays={secsToDays(
+              votingMint.lockupSaturationSecs.toNumber()
+            )}
+            calcMultiplierFn={handleCalcLockupMultiplier}
+            onCancel={onCancel}
+            onSubmit={handleFormSubmit}
+          />
+        </div>
       )}
       {step === 2 && formValues && (
         <>

src/components/Positions.tsx

@@ -1,22 +1,22 @@
 "use client";
 
+import { onInstructions } from "@/lib/utils";
 import { useGovernance } from "@/providers/GovernanceProvider";
-import React, { FC, useMemo } from "react";
-import { Button } from "./ui/button";
-import { FaStar } from "react-icons/fa6";
-import { Loader2 } from "lucide-react";
-import { Card, CardContent, CardHeader, CardTitle } from "./ui/card";
-import BN from "bn.js";
+import { useAnchorProvider } from "@helium/helium-react-hooks";
 import { useClaimAllPositionsRewards } from "@helium/voter-stake-registry-hooks";
-import { PositionCard, PositionCardSkeleton } from "./PositionCard";
+import { WalletSignTransactionError } from "@solana/wallet-adapter-base";
 import { useWallet } from "@solana/wallet-adapter-react";
+import BN from "bn.js";
+import { Loader2 } from "lucide-react";
+import { FC, useMemo } from "react";
+import { FaStar } from "react-icons/fa6";
 import { toast } from "sonner";
-import { Skeleton } from "./ui/skeleton";
-import { CreatePositionButton } from "./CreatePositionButton";
-import { onInstructions } from "@/lib/utils";
-import { useAnchorProvider, useSolanaUnixNow } from "@helium/helium-react-hooks";
 import { ContentSection } from "./ContentSection";
-import { WalletSignTransactionError } from "@solana/wallet-adapter-base";
+import { CreatePositionButton } from "./CreatePositionButton";
+import { PositionCard, PositionCardSkeleton } from "./PositionCard";
+import { Button } from "./ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "./ui/card";
+import { Skeleton } from "./ui/skeleton";
 
 export const Positions: FC = () => {
   const provider = useAnchorProvider();
@@ -100,6 +100,7 @@ export const Positions: FC = () => {
         toast("Rewards claimed!");
         refetchState();
       } catch (e: any) {
+        console.error(e)
         if (!(e instanceof WalletSignTransactionError)) {
           toast(e.message || "Claiming rewards failed, please try again");
         }
@@ -142,21 +143,19 @@ export const Positions: FC = () => {
           <h4>All Positions</h4>
           <div className="flex max-md:flex-col gap-2">
             <CreatePositionButton showText />
-            {network === "hnt" && (
-              <Button
-                variant="default"
-                className="text-foreground flex flex-row gap-2 items-center"
-                disabled={!hasRewards || claimingAllRewards}
-                onClick={handleClaimRewards}
-              >
-                {claimingAllRewards ? (
-                  <Loader2 className="size-4 animate-spin" />
-                ) : (
-                  <FaStar className="size-4" />
-                )}
-                {claimingAllRewards ? "Claiming Rewards..." : "Claim Rewards"}
-              </Button>
-            )}
+            <Button
+              variant="default"
+              className="text-foreground flex flex-row gap-2 items-center"
+              disabled={!hasRewards || claimingAllRewards}
+              onClick={handleClaimRewards}
+            >
+              {claimingAllRewards ? (
+                <Loader2 className="size-4 animate-spin" />
+              ) : (
+                <FaStar className="size-4" />
+              )}
+              {claimingAllRewards ? "Claiming Rewards..." : "Claim Rewards"}
+            </Button>
           </div>
         </div>
         {!notDecayedPositions?.length && !decayedPositions?.length && (

src/components/VeTokensCallout.tsx

@@ -13,9 +13,10 @@ import {
   calcPositionVotingPower,
   usePositionKeysAndProxies,
   usePositions,
-  useRegistrar
+  useRegistrar,
+  useRegistrarForMint
 } from "@helium/voter-stake-registry-hooks";
-import { getRegistrarKey } from "@helium/voter-stake-registry-sdk";
+import { VoteService } from "@helium/voter-stake-registry-sdk";
 import { PublicKey } from "@solana/web3.js";
 import BN from "bn.js";
 import Image from "next/image";
@@ -26,22 +27,25 @@ const VeTokenItem: FC<{ mint: PublicKey }> = ({ mint }) => {
   const { wallet, connection } = provider || {};
   const unixNow = useSolanaUnixNow() || Date.now() / 1000;
   const decimals = useMint(mint)?.info?.decimals;
-  const registrarKey = useMemo(
-    () => mint && getRegistrarKey(mint),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [mint?.toBase58()]
-  );
+  const { registrarKey } = useRegistrarForMint(mint);
   const { info: registrar } = useRegistrar(registrarKey);
-
   const { voteService } = useGovernance();
+  const urlVoteService = useMemo(() => {
+    return registrarKey
+      ? new VoteService({
+          baseURL: process.env.NEXT_PUBLIC_HELIUM_VOTE_URI,
+          registrar: registrarKey,
+        })
+      : undefined;
+  }, [registrarKey]);
   const {
     positionKeys,
     proxiedPositionKeys,
     isLoading: loadingPositionKeys,
   } = usePositionKeysAndProxies({
     wallet: wallet?.publicKey,
     provider,
-    voteService,
+    voteService: urlVoteService,
   });
 
   // Assume that my positions are a small amount, so we don't need to say they're static

src/components/VoteOptions.tsx

@@ -61,6 +61,7 @@ export const VoteOptions: FC<{
         });
         toast("Vote submitted");
       } catch (e: any) {
+        console.error(e)
         if (!(e instanceof WalletSignTransactionError)) {
           setCurrVote(0);
           toast(e.message || "Vote failed, please try again");
@@ -81,6 +82,7 @@ export const VoteOptions: FC<{
         });
         toast("Vote relinquished");
       } catch (e: any) {
+        console.error(e)
         if (!(e instanceof WalletSignTransactionError)) {
           setCurrVote(0);
           toast(e.message || "Relinquish vote failed, please try again");