UI allowlist

apps/web/app/(app)/gardens/[chain]/[garden]/[community]/[poolId]/page.tsx

@@ -16,7 +16,6 @@ import { useCollectQueryParams } from "@/hooks/useCollectQueryParams";
 import { useMetadataIpfsFetch } from "@/hooks/useIpfsFetch";
 import { useSubgraphQuery } from "@/hooks/useSubgraphQuery";
 import { PoolTypes } from "@/types";
-import { CV_SCALE_PRECISION } from "@/utils/numbers";
 
 export const dynamic = "force-dynamic";
 
@@ -98,13 +97,10 @@ export default function Page({
     return <div className="mt-52 text-center">Pool {poolId} not found</div>;
   }
 
-  const pointSystem = data.cvstrategies?.[0].config.pointSystem;
   const communityAddress = strategyObj.registryCommunity.id as Address;
   const alloInfo = data.allos[0];
   const proposalType = strategyObj.config.proposalType;
   const poolAmount = strategyObj.poolAmount as number;
-  const spendingLimitPct =
-    (Number(strategyObj.config.maxRatio || 0) / CV_SCALE_PRECISION) * 100;
 
   const isEnabled = data.cvstrategies?.[0]?.isEnabled as boolean;
 
@@ -118,10 +114,7 @@ export default function Page({
         poolId={poolId}
         ipfsResult={ipfsResult}
         isEnabled={isEnabled}
-        pointSystem={pointSystem}
         chainId={chain}
-        proposalType={proposalType}
-        spendingLimitPct={spendingLimitPct}
       />
       {isEnabled && (
         <>

apps/web/components/ActivatePoints.tsx

@@ -3,24 +3,28 @@
 import React from "react";
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { Address, useAccount } from "wagmi";
+import { CVStrategy, CVStrategyConfig } from "#/subgraph/.graphclient";
 import { Button } from "./Button";
 import { usePubSubContext } from "@/contexts/pubsub.context";
 import { useChainIdFromPath } from "@/hooks/useChainIdFromPath";
+import useCheckAllowList from "@/hooks/useCheckAllowList";
 import { useContractWriteWithConfirmations } from "@/hooks/useContractWriteWithConfirmations";
 import { ConditionObject, useDisableButtons } from "@/hooks/useDisableButtons";
 import { cvStrategyABI } from "@/src/generated";
 import { abiWithErrors } from "@/utils/abiWithErrors";
 import { useErrorDetails } from "@/utils/getErrorName";
 
 type ActiveMemberProps = {
-  strategyAddress: Address;
+  strategy: Pick<CVStrategy, "id"> & {
+    config: Pick<CVStrategyConfig, "allowlist">;
+  };
   communityAddress: Address;
   isMemberActivated: boolean | undefined;
   isMember: boolean | undefined;
 };
 
 export function ActivatePoints({
-  strategyAddress,
+  strategy,
   communityAddress,
   isMember,
   isMemberActivated,
@@ -29,11 +33,13 @@ export function ActivatePoints({
   const { openConnectModal } = useConnectModal();
   const chainId = useChainIdFromPath();
   const { publish } = usePubSubContext();
+  const allowList = (strategy?.config?.allowlist as Address[]) ?? [];
+  const isAllowed = useCheckAllowList(allowList, connectedAccount);
 
   const { write: writeActivatePoints, error: errorActivatePoints } =
     useContractWriteWithConfirmations({
       chainId,
-      address: strategyAddress,
+      address: strategy.id as Address,
       contractName: "CV Strategy",
       abi: abiWithErrors(cvStrategyABI),
       functionName: "activatePoints",
@@ -52,7 +58,7 @@ export function ActivatePoints({
 
   const { write: writeDeactivatePoints, error: errorDeactivatePoints } =
     useContractWriteWithConfirmations({
-      address: strategyAddress,
+      address: strategy.id as Address,
       abi: abiWithErrors(cvStrategyABI),
       contractName: "CV Strategy",
       functionName: "deactivatePoints",
@@ -92,6 +98,10 @@ export function ActivatePoints({
       condition: !isMember,
       message: "Join community to activate points",
     },
+    {
+      condition: !isAllowed,
+      message: "Address not in allowlist",
+    },
   ];
 
   const disableActiveBtn = disableActiveBtnCondition.some(
@@ -107,7 +117,7 @@ export function ActivatePoints({
       onClick={handleChange}
       btnStyle={isMemberActivated ? "outline" : "filled"}
       color={isMemberActivated ? "danger" : "primary"}
-      disabled={missmatchUrl || disableActiveBtn}
+      disabled={missmatchUrl || disableActiveBtn || !isAllowed}
       tooltip={String(tooltipMessage)}
     >
       {isMemberActivated ? "Deactivate governance" : "Activate governance"}

apps/web/components/Button.tsx

@@ -12,9 +12,11 @@ type ButtonProps = {
   btnStyle?: BtnStyle;
   color?: Color;
   onClick?: React.DOMAttributes<HTMLButtonElement>["onClick"];
+  showToolTip?: boolean;
   className?: string;
   disabled?: boolean;
   tooltip?: string;
+  tooltipClassName?: string;
   tooltipSide?:
     | "tooltip-top"
     | "tooltip-bottom"
@@ -70,7 +72,9 @@ export function Button({
   onClick,
   className: styles,
   disabled = false,
-  tooltip = "Connect wallet",
+  tooltip,
+  showToolTip = false,
+  tooltipClassName: tooltipStyles,
   tooltipSide = "tooltip-top",
   children,
   btnStyle = "filled",
@@ -98,8 +102,11 @@ export function Button({
     </button>
   );
 
-  return disabled ?
-      <div className={`tooltip ${tooltipSide} ${styles}`} data-tip={tooltip}>
+  return disabled || showToolTip ?
+      <div
+        className={`tooltip ${tooltipSide} ${tooltipStyles}`}
+        data-tip={tooltip}
+      >
         {buttonElement}
       </div>
     : buttonElement;

apps/web/components/CheckPassport.tsx

@@ -126,7 +126,7 @@ export function CheckPassport({
   ) => {
     _score = Number(_score);
     setScore(_score);
-    if (score > threshold) {
+    if (score >= threshold) {
       console.debug("Score meets threshold, moving forward...");
     } else {
       console.debug("Score is too low, opening modal...");