pass correct address

ui/pages/VerifiedAddresses.tsx

@@ -17,7 +17,7 @@ import VerifiedAddressesTable from 'ui/verifiedAddresses/VerifiedAddressesTable'
 const VerifiedAddresses = () => {
   useRedirectForInvalidAuthToken();
 
-  const [ submissionId, setSubmissionId ] = React.useState<number>();
+  const [ selectedAddress, setSelectedAddress ] = React.useState<string>();
 
   const modalProps = useDisclosure();
   const { data, isLoading, isError } = useApiQuery('verified_addresses', {
@@ -25,11 +25,11 @@ const VerifiedAddresses = () => {
   });
 
   const handleGoBack = React.useCallback(() => {
-    setSubmissionId(undefined);
+    setSelectedAddress(undefined);
   }, []);
 
-  const handleItemAdd = React.useCallback(() => {
-    setSubmissionId(NaN);
+  const handleItemAdd = React.useCallback((address: string) => {
+    setSelectedAddress(address);
   }, []);
   const handleItemEdit = React.useCallback(() => {}, []);
 
@@ -53,7 +53,7 @@ const VerifiedAddresses = () => {
   );
 
   const backLink = React.useMemo(() => {
-    if (submissionId === undefined) {
+    if (!selectedAddress) {
       return;
     }
 
@@ -61,13 +61,13 @@ const VerifiedAddresses = () => {
       label: 'Back to my verified addresses',
       onClick: handleGoBack,
     };
-  }, [ handleGoBack, submissionId ]);
+  }, [ handleGoBack, selectedAddress ]);
 
-  if (submissionId !== undefined) {
+  if (selectedAddress) {
     return (
       <Page>
         <PageTitle text="Token info application form" backLink={ backLink }/>
-        <TokenInfoForm id={ submissionId }/>
+        <TokenInfoForm address={ selectedAddress }/>
       </Page>
     );
   }

ui/tokenInfo/TokenInfoForm.tsx

@@ -26,10 +26,10 @@ import TokenInfoFieldSupport from './fields/TokenInfoFieldSupport';
 import TokenInfoFormSectionHeader from './TokenInfoFormSectionHeader';
 
 interface Props {
-  id: number;
+  address: string;
 }
 
-const TokenInfoForm = ({ id }: Props) => {
+const TokenInfoForm = ({ address }: Props) => {
 
   const configQuery = useApiQuery('token_info_application_config', {
     pathParams: { chainId: appConfig.network.id },
@@ -38,15 +38,15 @@ const TokenInfoForm = ({ id }: Props) => {
   const formApi = useForm<Fields>({
     mode: 'onBlur',
     defaultValues: {
-      address: '0x9d2a7b2b09b1d4786e36699d9f56b8c04e92cbb9',
+      address,
     },
   });
   const { handleSubmit, formState, control, trigger } = formApi;
 
   const onFormSubmit: SubmitHandler<Fields> = React.useCallback(async(data) => {
     // eslint-disable-next-line no-console
-    console.log('__>__', id, data);
-  }, [ id ]);
+    console.log('__>__', data);
+  }, [ ]);
 
   const onSubmit = handleSubmit(onFormSubmit);