feat: review delegation/undelegation

haqq-network · Oct 8, 2024 · 33002b4 · 33002b4
1 parent d1a9276
commit 33002b4
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 16 deletions.
diff --git a/libs/shared/src/hooks/use-luquid-staking-actions/use-liquid-staking-actions.ts b/libs/shared/src/hooks/use-luquid-staking-actions/use-liquid-staking-actions.ts
@@ -10,7 +10,9 @@ import { trackBroadcastTx } from '../../utils/track-broadcast-tx';
 import { useAddress } from '../use-address/use-address';
 import stridLiquidStakingABI from './../../abis/stride-liquid-staking-stride.json';
 
-const DEFAULT_STRIDE_ADDRESS = 'stride1rdzm229m02my0gn4drc7wrdm8tnz2z9g8nty05';
+const DEFAULT_STRIDE_ADDRESS =
+  process.env.NEXT_PUBLIC_LIQUID_STAKING_STRIDE_DEFAULT_ADDRESS ||
+  'stride1rdzm229m02my0gn4drc7wrdm8tnz2z9g8nty05';
 
 export function useLiquidStakingDelegate() {
   const posthog = usePostHog();

diff --git a/libs/staking/src/lib/components/stride/statistics/stride-stats.tsx b/libs/staking/src/lib/components/stride/statistics/stride-stats.tsx
@@ -110,17 +110,10 @@ export function StrideStats() {
   );
 }
 
-function StrideStatsDesktop({
-  balance,
-  stIslmBalance,
-  redemptionRate,
-}: {
-  balance: number;
-  stIslmBalance: number;
-  redemptionRate: number;
-}) {
+export const useHandleDelegateContinue = () => {
   const { executeIfNetworkSupported } = useNetworkAwareAction();
   const router = useRouter();
+
   const handleDelegateContinue = useCallback(() => {
     executeIfNetworkSupported(() => {
       router.push(`/staking/liquid-staking/liquid-staking-delegate`, {
@@ -129,6 +122,29 @@ function StrideStatsDesktop({
     });
   }, [executeIfNetworkSupported, router]);
 
+  const handleUndelegateContinue = useCallback(() => {
+    executeIfNetworkSupported(() => {
+      router.push(`/staking/liquid-staking/liquid-staking-undelegate`, {
+        scroll: false,
+      });
+    });
+  }, [executeIfNetworkSupported, router]);
+
+  return { handleDelegateContinue, handleUndelegateContinue };
+};
+
+function StrideStatsDesktop({
+  balance,
+  stIslmBalance,
+  redemptionRate,
+}: {
+  balance: number;
+  stIslmBalance: number;
+  redemptionRate: number;
+}) {
+  const { handleDelegateContinue, handleUndelegateContinue } =
+    useHandleDelegateContinue();
+
   return (
     <Container className="flex min-h-[100px] flex-col justify-center gap-[24px]">
       <div className="flex flex-row items-center">
@@ -190,12 +206,7 @@ function StrideStatsDesktop({
                 disabled={stIslmBalance < MIN_DELEGATION}
                 data-attr="liquid-staking-undelegate"
                 onClick={() => {
-                  executeIfNetworkSupported(() => {
-                    router.push(
-                      `/staking/liquid-staking/liquid-staking-undelegate`,
-                      { scroll: false },
-                    );
-                  });
+                  handleUndelegateContinue();
                 }}
               >
                 Undelegate
@@ -217,6 +228,9 @@ function StrideStatsMobile({
   stIslmBalance: number;
   redemptionRate: number;
 }) {
+  const { handleDelegateContinue, handleUndelegateContinue } =
+    useHandleDelegateContinue();
+
   return (
     <div className="flex flex-col items-start gap-[16px] overflow-x-auto px-[16px] py-[20px] sm:gap-[32px] sm:px-[48px] sm:py-[32px]">
       <div className="flex flex-row items-center">
@@ -246,6 +260,32 @@ function StrideStatsMobile({
           uppercaseSymbol={false}
         />
       </div>
+
+      <div className="grid w-full grid-cols-2 gap-x-[12px]">
+        <Button
+          variant={2}
+          disabled={balance < MIN_BALANCE}
+          className="w-full"
+          onClick={() => {
+            handleDelegateContinue();
+          }}
+          data-attr="liquid-staking-delegate"
+        >
+          Delegate
+        </Button>
+
+        <Button
+          variant={2}
+          className="w-full"
+          disabled={stIslmBalance < MIN_DELEGATION}
+          data-attr="liquid-staking-undelegate"
+          onClick={() => {
+            handleUndelegateContinue();
+          }}
+        >
+          Undelegate
+        </Button>
+      </div>
     </div>
   );
 }