addressed comments in PR

Author: GWSzeto

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Royalty.tsx

@@ -254,14 +254,9 @@ const royaltyInfoFormSchema = z.object({
   percentage: z
     .string()
     .min(1, { message: "Invalid percentage" })
-    .refine(
-      (v) => {
-        console.log("Number(v): ", Number(v));
-        if (Number(v) === 0) return true;
-        if (Number(v) >= 0.01 && Number(v) <= 100) return true;
-      },
-      { message: "Invalid percentage" },
-    ),
+    .refine((v) => Number(v) === 0 || (Number(v) >= 0.01 && Number(v) <= 100), {
+      message: "Invalid percentage",
+    }),
 });
 
 export type RoyaltyInfoFormValues = z.infer<typeof royaltyInfoFormSchema>;
@@ -371,16 +366,9 @@ const defaultRoyaltyFormSchema = z.object({
   percentage: z
     .string()
     .min(1, { message: "Invalid percentage" })
-    .refine(
-      (v) => {
-        console.log("Number(v): ", Number(v));
-        if (Number(v) === 0) return true;
-        if (Number(v) >= 0.01 && Number(v) <= 100) return true;
-      },
-      {
-        message: "Invalid percentage",
-      },
-    ),
+    .refine((v) => Number(v) === 0 || (Number(v) >= 0.01 && Number(v) <= 100), {
+      message: "Invalid percentage",
+    }),
 });
 
 export type DefaultRoyaltyFormValues = z.infer<typeof defaultRoyaltyFormSchema>;

apps/dashboard/src/components/contract-components/contract-deploy-form/sequential-token-id-fieldset.tsx

@@ -1,8 +1,8 @@
+import { FormFieldSetup } from "@/components/blocks/FormFieldSetup";
 import { FormControl } from "@chakra-ui/react";
 import { SolidityInput } from "contract-ui/components/solidity-inputs";
 import type { UseFormRegisterReturn } from "react-hook-form";
 import { FormErrorMessage, FormHelperText, FormLabel } from "tw-components";
-import { Fieldset } from "./common";
 
 interface SequentialTokenIdFieldsetProps {
   isInvalid: boolean;
@@ -14,7 +14,7 @@ export const SequentialTokenIdFieldset: React.FC<
   SequentialTokenIdFieldsetProps
 > = (props) => {
   return (
-    <Fieldset legend="Sequential Token ID">
+    <FormFieldSetup label="Sequential Token ID">
       <FormControl isRequired isInvalid={props.isInvalid}>
         <FormLabel>Start Token ID</FormLabel>
         <SolidityInput
@@ -29,6 +29,6 @@ export const SequentialTokenIdFieldset: React.FC<
           The starting token ID for the NFT collection.
         </FormHelperText>
       </FormControl>
-    </Fieldset>
+    </FormFieldSetup>
   );
 };