Sync from main to dev (#227)

* use correct height for unbonding model (#196) * fix: improvement on using the correct height for unbonding model --------- Co-authored-by: wjrjerome <[email protected]> * feat: enable another wallet on mainnet (#200) * fix na inconsistent display (#205) * fix small points amount display (#206) * fix: skip ordinals for cactus (#208) * fix: skip ordinals for cactus --------- Co-authored-by: Filippos Malandrakis <[email protected]> * fix: mempool endpoints errors should provide better UX (#165) * fix: mempool endpoints errors should provide better UX * fix: remove delegation from local storage only when error status is 404 * fix: delegations tests (#170) * feat: move wallet provider logic in react context (#178) * feat: refactor global params (#182) * feat: refactor global params * fix: version info data for loading state * fix: small review issues * fix: review issues * feat: added new api hooks and global states (#197) * feat: added new api hooks and global states * fix: review issues * fix: add new eslint rule for booleans * fix: FAQ test * fix: review feedback * use correct height for unbonding model (#196) (#202) * use correct height for unbonding model (#196) * fix: improvement on using the correct height for unbonding model --------- Co-authored-by: wjrjerome <[email protected]> * fix format --------- Co-authored-by: wjrjerome <[email protected]> * linting error * resolve comments --------- Co-authored-by: wjrjerome <[email protected]> Co-authored-by: Crypto Minion <[email protected]> Co-authored-by: Filippos Malandrakis <[email protected]> Co-authored-by: David Totrashvili <[email protected]>
babylonlabs-io · Oct 16, 2024 · 756f128 · 756f128
1 parent d4c69c8
commit 756f128
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 27 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-staking",
-  "version": "0.3.5",
+  "version": "0.3.9",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/src/app/components/Points/DelegationPoints.tsx b/src/app/components/Points/DelegationPoints.tsx
@@ -1,10 +1,11 @@
 import React from "react";
-import { NumericFormat } from "react-number-format";
 
 import { useDelegationsPoints } from "@/app/context/api/DelegationsPointsProvider";
 import { useHealthCheck } from "@/app/hooks/useHealthCheck";
 import { shouldDisplayPoints } from "@/config";
 
+import { Points } from "./Points";
+
 interface DelegationPointsProps {
   stakingTxHash: string;
   className?: string;
@@ -37,16 +38,7 @@ export const DelegationPoints: React.FC<DelegationPointsProps> = ({
       <div className="flex items-center justify-end gap-1">
         <p className="whitespace-nowrap">
           <span className="lg:hidden">Points: </span>
-          {points !== undefined ? (
-            <NumericFormat
-              value={points.toFixed(3)}
-              displayType="text"
-              thousandSeparator=","
-              decimalSeparator="."
-            />
-          ) : (
-            "n.a."
-          )}
+          <Points points={points} />
         </p>
       </div>
     </div>

diff --git a/src/app/components/Points/Points.tsx b/src/app/components/Points/Points.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { NumericFormat } from "react-number-format";
+import { Tooltip } from "react-tooltip";
+
+interface PointsProps {
+  points: number | undefined;
+}
+
+export const Points: React.FC<PointsProps> = ({ points }) => {
+  if (points === undefined || points === 0) {
+    return <>n.a.</>;
+  }
+
+  if (points < 0.001 && points > 0) {
+    return (
+      <>
+        <span
+          className="cursor-pointer text-xs"
+          data-tooltip-id={`tooltip-points-${points}`}
+          data-tooltip-content={points.toFixed(8)}
+        >
+          &lt;0.001
+        </span>
+        <Tooltip id={`tooltip-points-${points}`} className="tooltip-wrap" />
+      </>
+    );
+  }
+
+  return (
+    <NumericFormat
+      value={points.toFixed(3)}
+      displayType="text"
+      thousandSeparator=","
+      decimalSeparator="."
+    />
+  );
+};
diff --git a/src/app/components/Points/StakerPoints.tsx b/src/app/components/Points/StakerPoints.tsx
@@ -1,9 +1,10 @@
 import { useQuery } from "@tanstack/react-query";
 import React from "react";
-import { NumericFormat } from "react-number-format";
 
 import { getStakersPoints } from "@/app/api/getPoints";
 
+import { Points } from "./Points";
+
 interface StakerPointsProps {
   publicKeyNoCoord: string;
 }
@@ -33,16 +34,7 @@ export const StakerPoints: React.FC<StakerPointsProps> = ({
   return (
     <div className="flex items-center justify-end gap-1">
       <p className="whitespace-nowrap font-semibold">
-        {points !== undefined ? (
-          <NumericFormat
-            value={points.toFixed(3)}
-            displayType="text"
-            thousandSeparator=","
-            decimalSeparator="."
-          />
-        ) : (
-          "n.a."
-        )}
+        <Points points={points} />
       </p>
     </div>
   );

diff --git a/src/utils/wallet/list.ts b/src/utils/wallet/list.ts
@@ -68,7 +68,7 @@ export const walletList: IntegratedWallet[] = [
     provider: cactusLinkProvider,
     linkToDocs:
       "https://chromewebstore.google.com/detail/cactus-link/chiilpgkfmcopocdffapngjcbggdehmj?pli=1",
-    supportedNetworks: [Network.SIGNET],
+    supportedNetworks: [Network.MAINNET, Network.SIGNET],
   },
   {
     name: "Keystone",

diff --git a/src/utils/wallet/providers/cactuslink_wallet.ts b/src/utils/wallet/providers/cactuslink_wallet.ts
@@ -169,6 +169,7 @@ export class CactusLinkWallet extends WalletProvider {
   };
 
   getInscriptions(): Promise<InscriptionIdentifier[]> {
-    throw new Error("Method not implemented.");
+    // Temporary solution to ignore inscriptions filtering for Cactus Link Wallet
+    return Promise.resolve([]);
   }
 }