refactor: update AdvanceSettings component to get the form register f…

…rom useFormContext
regen-network · Aug 8, 2024 · e3735a9 · e3735a9
1 parent 4a73cae
commit e3735a9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/...ketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.AdvanceSettings.tsx b/...ketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.AdvanceSettings.tsx
@@ -1,22 +1,24 @@
 import React from 'react';
+import { useFormContext } from 'react-hook-form';
 import { Link } from 'web-marketplace/src/components/atoms';
 
 import { TextButton } from 'web-components/src/components/buttons/TextButton';
 import CheckboxLabel from 'web-components/src/components/inputs/new/CheckboxLabel/CheckboxLabel';
 
+import { ChooseCreditsFormSchemaType } from './ChooseCreditsForm.schema';
+
 export function AdvanceSettings({
   advanceSettingsOpen,
   toggleAdvancedSettings,
   creditVintages,
-  register,
   handleCreditVintageOptions,
 }: {
   advanceSettingsOpen: boolean;
   toggleAdvancedSettings: (e: React.MouseEvent<HTMLElement>) => void;
   creditVintages: { date: string; credits: string; batchDenom: string }[];
-  register: any;
   handleCreditVintageOptions: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }) {
+  const { register } = useFormContext<ChooseCreditsFormSchemaType>();
   return (
     <div className="grid grid-rows-1 mt-20 sm:mt-40">
       <div className="flex flex-col">

diff --git a/web-marketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.tsx b/web-marketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.tsx
@@ -139,7 +139,6 @@ export function ChooseCreditsForm({
             creditVintages={creditVintages}
             advanceSettingsOpen={advanceSettingsOpen}
             toggleAdvancedSettings={toggleAdvancedSettings}
-            register={form.register}
             handleCreditVintageOptions={handleCreditVintageOptions}
           />
         </Form>