From 10286ff78be0702d08456f7bc7910afd71a26990 Mon Sep 17 00:00:00 2001
From: xisux <87016182+xisux@users.noreply.github.com>
Date: Fri, 15 Sep 2023 18:25:35 +0100
Subject: [PATCH 1/4] ModalSelector simplification

---
 components/containers/ERCContainer.tsx  | 6 +++---
 components/providers/ERC20Provider.tsx  | 2 +-
 components/providers/ERC721Provider.tsx | 2 +-
 components/providers/ETHProvider.tsx    | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/containers/ERCContainer.tsx b/components/containers/ERCContainer.tsx
index dcd5b86..f62ec2d 100644
--- a/components/containers/ERCContainer.tsx
+++ b/components/containers/ERCContainer.tsx
@@ -31,7 +31,7 @@ interface Props {
   handleTokenAddressChange: (e: ChangeEvent<HTMLInputElement>) => void;
   resetForm: () => void;
   setErrorMessage: Dispatch<SetStateAction<string | false>>;
-  setOpenModal: Dispatch<SetStateAction<false | ModalSelector>>;
+  setOpenModal: Dispatch<SetStateAction<ModalSelector>>;
   setRecipients: Dispatch<SetStateAction<[string, string][]>>;
 }
 
@@ -78,7 +78,7 @@ const ERCContainer = (props: Props) => {
           isERC721={isERC721}
           symbol={tokenSymbol}
           isOpen={openModal === 'confirm'}
-          setIsOpen={(val) => setOpenModal(val ? 'confirm' : false)}
+          setIsOpen={(val) => setOpenModal(val ? 'confirm' : '')}
           recipients={parsedRecipients}
           balanceData={balanceData}
           loadingMessage={loadingMessage || undefined}
@@ -109,7 +109,7 @@ const ERCContainer = (props: Props) => {
             isOpen={openModal === 'congrats'}
             setIsOpen={(val) => {
               resetForm();
-              setOpenModal(val ? 'congrats' : false);
+              setOpenModal(val ? 'congrats' : '');
             }}
             resetForm={resetForm}
           />
diff --git a/components/providers/ERC20Provider.tsx b/components/providers/ERC20Provider.tsx
index 34ff4ae..3983ca3 100644
--- a/components/providers/ERC20Provider.tsx
+++ b/components/providers/ERC20Provider.tsx
@@ -18,7 +18,7 @@ export default function ERC20(props: IAirdropEthProps) {
     (contractAddress as Address) || ''
   );
   const [recipients, setRecipients] = useState<[string, string][]>([]);
-  const [openModal, setOpenModal] = useState<ModalSelector | false>(false);
+  const [openModal, setOpenModal] = useState<ModalSelector>("");
   const [loadingMessage, setLoadingMessage] = useState<string | false>(false);
   const [errorMessage, setErrorMessage] = useState<string | false>(false);
 
diff --git a/components/providers/ERC721Provider.tsx b/components/providers/ERC721Provider.tsx
index 919ff7d..803b1aa 100644
--- a/components/providers/ERC721Provider.tsx
+++ b/components/providers/ERC721Provider.tsx
@@ -17,7 +17,7 @@ export default function ERC721(props: IAirdropEthProps) {
     (contractAddress as Address) || ''
   );
   const [recipients, setRecipients] = useState<[string, string][]>([]);
-  const [openModal, setOpenModal] = useState<ModalSelector | false>(false);
+  const [openModal, setOpenModal] = useState<ModalSelector>('');
   const [loadingMessage, setLoadingMessage] = useState<string | false>(false);
   const [errorMessage, setErrorMessage] = useState<string | false>(false);
 
diff --git a/components/providers/ETHProvider.tsx b/components/providers/ETHProvider.tsx
index 67e88ae..6e1d964 100644
--- a/components/providers/ETHProvider.tsx
+++ b/components/providers/ETHProvider.tsx
@@ -28,7 +28,7 @@ export default function AirdropETH(props: Props) {
     'flex items-center border rounded-md md:rounded-full md:inline-block px-4 py-2 md:py-2 md:px-3 text-sm mt-2 min-h-fit';
 
   const [recipients, setRecipients] = useState<[string, string][]>([]);
-  const [openModal, setOpenModal] = useState<ModalSelector | false>(false);
+  const [openModal, setOpenModal] = useState<ModalSelector>("");
   const [loadingMessage, setLoadingMessage] = useState<string | false>(false);
   const [errorMessage, setErrorMessage] = useState<string | false>(false);
 
@@ -99,7 +99,7 @@ export default function AirdropETH(props: Props) {
       {openModal === 'confirm' && (
         <ConfirmModal
           isOpen={openModal === 'confirm'}
-          setIsOpen={(val) => setOpenModal(val ? 'confirm' : false)}
+          setIsOpen={(val) => setOpenModal(val ? 'confirm' : '')}
           symbol="ETH"
           recipients={parsedRecipients}
           balanceData={balance}
@@ -122,7 +122,7 @@ export default function AirdropETH(props: Props) {
             isOpen={openModal === 'congrats'}
             setIsOpen={(val) => {
               resetForm();
-              setOpenModal(val ? 'congrats' : false);
+              setOpenModal(val ? 'congrats' : '');
             }}
             resetForm={resetForm}
           />

From c0a766409feae94e39dcf722e1c57b6a10c66f87 Mon Sep 17 00:00:00 2001
From: xisux <87016182+xisux@users.noreply.github.com>
Date: Fri, 15 Sep 2023 18:26:20 +0100
Subject: [PATCH 2/4] Removed the comment

---
 components/ui/MagicTextArea.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ui/MagicTextArea.tsx b/components/ui/MagicTextArea.tsx
index 5b75361..32e1d19 100644
--- a/components/ui/MagicTextArea.tsx
+++ b/components/ui/MagicTextArea.tsx
@@ -176,7 +176,7 @@ const MagicTextArea: FC<Props> = (props: Props) => {
 
       <textarea
         value={textareaValue}
-        className="w-full min-h-[200px] max-h-[400px] mt-4 p-3 text-black border-black border-2 rounded-md" // adjusted the heights
+        className="w-full min-h-[200px] max-h-[400px] mt-4 p-3 text-black border-black border-2 rounded-md"
         onChange={handleTextareaChange}
         placeholder={placeholder()}
       />

From 294fb1ac8bbf9d586b0502fae4d32fa30cdd1a1a Mon Sep 17 00:00:00 2001
From: xisux <87016182+xisux@users.noreply.github.com>
Date: Fri, 15 Sep 2023 18:26:48 +0100
Subject: [PATCH 3/4] Removed commented out code

---
 components/providers/FriendtechProvider.tsx | 56 ---------------------
 1 file changed, 56 deletions(-)

diff --git a/components/providers/FriendtechProvider.tsx b/components/providers/FriendtechProvider.tsx
index 8263a8a..4a4589b 100644
--- a/components/providers/FriendtechProvider.tsx
+++ b/components/providers/FriendtechProvider.tsx
@@ -45,62 +45,6 @@ export default function Friendtech(props: IAirdropEthProps) {
 
   const { holders } = useFriendtechData(tokenAddress);
 
-//   const parsedRecipients = useMemo(() => {
-//     try {
-//       return (
-//         recipients.length
-//           ? recipientsParser(tokenDecimals).parse(recipients)
-//           : []
-//       ) as AirdropRecipient[];
-//     } catch (e) {
-//       displayMessage((e as Error).message, "error");
-//       return [] as AirdropRecipient[];
-//     }
-//   }, [tokenDecimals, recipients]);
-
-  // low-priority todo: improve the typing without casting
-//   const totalAllowance = useMemo(() => {
-//     return parsedRecipients.reduce((acc: BigInt, { amount }) => {
-//       const a = BigInt(acc.toString());
-//       const b = BigInt(amount.toString());
-
-//       return a + b;
-//     }, BigInt(0));
-//   }, [parsedRecipients]);
-
-//   const { write: airdropWrite } = useApproveAirdrop(
-//     tokenAddress,
-//     parsedRecipients,
-//     () => displayMessage("Airdrop transaction pending..."),
-//     function onSuccess() {
-//       displayMessage("Airdrop transaction successful!", "success");
-//       setOpenModal("congrats");
-//     },
-//     function onError(error) {
-//       displayMessage(error, "error");
-//     }
-//   );
-
-//   const { allowance, write: approveWrite } = useApproveAllowance(
-//     tokenAddress,
-//     totalAllowance,
-//     () => displayMessage("Approval transaction pending..."), // on Pending
-//     function onSuccess() {
-//       displayMessage("Approval transaction submitted!", "success");
-//       airdropWrite?.();
-//     },
-//     function onError(error) {
-//       displayMessage(error, "error");
-//     }
-//   );
-
-//   // Switch over to ERC-721 if the contract entered is a 721
-//   if (isERC721) {
-//     setContractAddress?.(tokenAddress);
-//     setSelected("ERC721");
-//     return null;
-//   }
-
   const handleTokenAddressChange = (e: ChangeEvent<HTMLInputElement>) => {
     const rawInput = e.target.value;
     if (rawInput.length > 42) return;

From 49a93ed86beb68ee0aeffca40e500abb35d6c0d9 Mon Sep 17 00:00:00 2001
From: xisux <87016182+xisux@users.noreply.github.com>
Date: Fri, 15 Sep 2023 18:46:17 +0100
Subject: [PATCH 4/4] any in error type

---
 components/hooks/friendtech/useFriendtechData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/hooks/friendtech/useFriendtechData.ts b/components/hooks/friendtech/useFriendtechData.ts
index eaf9ce8..60c5e2d 100644
--- a/components/hooks/friendtech/useFriendtechData.ts
+++ b/components/hooks/friendtech/useFriendtechData.ts
@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 export default function useFriendtechData(accountAddress: String) {
 
   const [holders, setHolders] = useState<string[]>([]);
-  const [error, setError] = useState(null);
+  const [error, setError] = useState<any>(null);
 
   const apiURL = `https://prod-api.kosetto.com/users/${accountAddress.toString()}/token/holders`;