From bf72647782ebfc474108b74215d1b53165dcd75e Mon Sep 17 00:00:00 2001
From: Aditya Anand M C <aditya.anandmc@gmail.com>
Date: Tue, 23 Apr 2024 01:59:45 +0530
Subject: [PATCH] chore: prevent unchecking all chains in checkout (#3335)

fixes #3190
---
 .../round/ViewCartPage/ChainConfirmationModalBody.tsx  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/grant-explorer/src/features/round/ViewCartPage/ChainConfirmationModalBody.tsx b/packages/grant-explorer/src/features/round/ViewCartPage/ChainConfirmationModalBody.tsx
index 98c6a0aa4c..4f40152409 100644
--- a/packages/grant-explorer/src/features/round/ViewCartPage/ChainConfirmationModalBody.tsx
+++ b/packages/grant-explorer/src/features/round/ViewCartPage/ChainConfirmationModalBody.tsx
@@ -36,6 +36,7 @@ export function ChainConfirmationModalBody({
   const getVotingTokenForChain = useCartStorage(
     (state) => state.getVotingTokenForChain
   );
+
   return (
     <>
       <p className="text-sm text-grey-400">
@@ -52,6 +53,7 @@ export function ChainConfirmationModalBody({
               selectedPayoutToken={getVotingTokenForChain(chainId)}
               totalDonation={totalDonationsPerChain[chainId]}
               checked={chainIdsBeingCheckedOut.includes(chainId)}
+              chainsBeingCheckedOut={chainIdsBeingCheckedOut.length}
               onChange={(checked) =>
                 handleChainCheckboxChange(chainId, checked)
               }
@@ -68,6 +70,7 @@ type ChainSummaryProps = {
   selectedPayoutToken: VotingToken;
   chainId: ChainId;
   checked: boolean;
+  chainsBeingCheckedOut: number;
   onChange: (checked: boolean) => void;
   isLastItem: boolean;
 };
@@ -77,9 +80,11 @@ export function ChainSummary({
   totalDonation,
   chainId,
   checked,
+  chainsBeingCheckedOut,
   onChange,
   isLastItem,
 }: ChainSummaryProps) {
+
   return (
     <div
       className={`flex flex-col justify-center mt-2 font-semibold ${
@@ -89,8 +94,11 @@ export function ChainSummary({
       <p>
         <input
           type="checkbox"
-          className="mr-2 rounded-sm"
+          className={`mr-2 rounded-sm  ${
+            chainsBeingCheckedOut === 1 ? "invisible" : ""
+          }`}
           checked={checked}
+          disabled={chainsBeingCheckedOut === 1}
           onChange={(e) => onChange(e.target.checked)}
         />
         <img