cleanup

Author: MananTank

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx

@@ -27,7 +27,6 @@ import type { ThirdwebContract } from "thirdweb";
 import { getNFT as getErc721NFT } from "thirdweb/extensions/erc721";
 import { getNFT as getErc1155NFT } from "thirdweb/extensions/erc1155";
 import { useReadContract } from "thirdweb/react";
-import {} from "tw-components";
 import { Button, Card, Heading, Text } from "tw-components";
 import { NFTMediaWithEmptyState } from "tw-components/nft-media";
 import { shortenString } from "utils/usedapp-external";

apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/components/BlueprintsExplorer.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import {} from "@/components/ui/dropdown-menu";
-import {} from "@/components/ui/select";
 import { Layers3 } from "lucide-react";
 import Link from "next/link";
 

apps/dashboard/src/components/contract-components/contract-publish-form/contract-params-fieldset.tsx

@@ -1,5 +1,6 @@
 import { FormFieldSetup } from "@/components/blocks/FormFieldSetup";
 import { Checkbox, CheckboxWithLabel } from "@/components/ui/checkbox";
+import { InlineCode } from "@/components/ui/inline-code";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Switch } from "@/components/ui/switch";
@@ -11,8 +12,6 @@ import { camelToTitle } from "contract-ui/components/solidity-inputs/helpers";
 import { getTemplateValuesForType } from "lib/deployment/template-values";
 import { useState } from "react";
 import { useFormContext } from "react-hook-form";
-import {} from "tw-components";
-import { InlineCode } from "../../../@/components/ui/inline-code";
 import { DecodedInputArrayFieldset } from "./decoded-bytes-input/decoded-input-array-fieldset";
 import { RefInputFieldset } from "./ref-contract-input/ref-input-fieldset";
 
@@ -25,15 +24,19 @@ export const ContractParamsFieldset: React.FC<ContractParamsFieldsetProps> = ({
   const form = useFormContext();
   const isMobile = useBreakpointValue({ base: true, md: false });
 
-  const [isCustomInputEnabled, setIsCustomInputEnabled] = useState(
+  const [isCustomInputEnabledArray, setIsCustomInputEnabledArray] = useState(
     Array(deployParams.length).fill(false),
   );
 
-  const handleToggleCustomInput = (index: number) => {
-    const updated = [...isCustomInputEnabled];
-    updated[index] = !updated[index];
-    // Clear values accordingly when toggling between input types
-    if (updated[index]) {
+  const handleCustomInputEnabledArrayChange = (
+    index: number,
+    newValue: boolean,
+  ) => {
+    const newIsCustomInputEnabledArray = [...isCustomInputEnabledArray];
+    newIsCustomInputEnabledArray[index] = newValue;
+    setIsCustomInputEnabledArray(newIsCustomInputEnabledArray);
+
+    if (newValue) {
       form.setValue(
         `constructorParams.${deployParams[index]?.name || "*"}.defaultValue`,
         "",
@@ -59,8 +62,6 @@ export const ContractParamsFieldset: React.FC<ContractParamsFieldsetProps> = ({
         },
       );
     }
-
-    setIsCustomInputEnabled(updated);
   };
 
   return (
@@ -201,15 +202,17 @@ export const ContractParamsFieldset: React.FC<ContractParamsFieldsetProps> = ({
                     <div className="flex items-center gap-3 text-sm">
                       Advanced Input
                       <Switch
-                        checked={isCustomInputEnabled[idx]}
-                        onCheckedChange={() => handleToggleCustomInput(idx)}
+                        checked={isCustomInputEnabledArray[idx]}
+                        onCheckedChange={(v) =>
+                          handleCustomInputEnabledArrayChange(idx, v)
+                        }
                       />
                     </div>
                   )}
                 </div>
 
                 {/* Inputs */}
-                {!isCustomInputEnabled[idx] ? (
+                {!isCustomInputEnabledArray[idx] ? (
                   <FormControl>
                     <SolidityInput
                       className="!bg-background !text-sm placeholder:!text-sm"
@@ -236,7 +239,7 @@ export const ContractParamsFieldset: React.FC<ContractParamsFieldsetProps> = ({
 
                 {/* Checkboxes */}
                 {paramTemplateValues.length > 0 &&
-                  !isCustomInputEnabled[idx] &&
+                  !isCustomInputEnabledArray[idx] &&
                   paramTemplateValues[0]?.helperText && (
                     <CheckboxWithLabel className="text-foreground">
                       <Checkbox

apps/dashboard/src/components/contract-components/contract-publish-form/decoded-bytes-input/decoded-input.tsx

@@ -34,16 +34,17 @@ export const DecodedInput: React.FC<DecodedInputProps> = ({
 
   // Toggle function to handle custom input visibility and reset fields
   const handleToggleCustomInput = (newVal: boolean) => {
-    const path = `constructorParams.${param.name ? param.name : "*"}.dynamicValue.decodedBytes.${setIndex}.${paramIndex}`;
+    setIsCustomAddress(newVal);
+    const path =
+      `constructorParams.${param.name ? param.name : "*"}.dynamicValue.decodedBytes.${setIndex}.${paramIndex}` as const;
+
     if (newVal) {
       form.setValue(`${path}.dynamicValue.type`, selectedType);
       form.resetField(`${path}.defaultValue`);
     } else {
       form.setValue(`${path}.dynamicValue.type`, "");
       form.resetField(`${path}.dynamicValue`);
     }
-
-    setIsCustomAddress(newVal);
   };
 
   const showAdvancedInputToggle =