diff options
Diffstat (limited to 'src/SignUpForm3.tsx')
| -rw-r--r-- | src/SignUpForm3.tsx | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/src/SignUpForm3.tsx b/src/SignUpForm3.tsx index e3b347d..bfe2f45 100644 --- a/src/SignUpForm3.tsx +++ b/src/SignUpForm3.tsx @@ -26,18 +26,18 @@ export const SignUpForm3Main = () => { const location = useLocation(); const formData = location.state as { form1: Form1Data, form2: Form2Data } | null; const navigate = useNavigate(); - const watchHasGitHubRepo = watch("hasGitHubRepo", false) - const gitHubUsername = watch("gitHubUsername", '') + const watchHasGithubRepo = watch("hasGithubRepo", false) + const githubUsername = watch("githubUsername", '') - const repoQueryEnabled = watchHasGitHubRepo && gitHubUsername.length > 0; + const repoQueryEnabled = watchHasGithubRepo && githubUsername.length > 0; - console.log(gitHubUsername) + console.log(githubUsername) console.log(repoQueryEnabled) const { data: reposData, isLoading: reposIsLoading, isError: reposIsError, error: reposError } = useQuery({ - queryKey: ['gitHubRepos', gitHubUsername], + queryKey: ['githubRepos', githubUsername], queryFn: async () => { - const res = await fetch(`https://api.github.com/users/${gitHubUsername}/repos?sort=updated&direction=desc&per_page=100`) + const res = await fetch(`https://api.github.com/users/${githubUsername}/repos?sort=updated&direction=desc&per_page=100`) if (res.ok) { return res.json(); } throw new Error(res.statusText) }, @@ -49,9 +49,9 @@ export const SignUpForm3Main = () => { [] useEffect(() => { - setValue('gitHubUsername', '') + setValue('githubUsername', '') setValue('repoName', '') - }, [watchHasGitHubRepo]) + }, [watchHasGithubRepo]) // form1, form2 のデータがない場合は form1 にリダイレクトする if (formData === null) { @@ -71,15 +71,15 @@ export const SignUpForm3Main = () => { <h1>会員登録 フェーズ 3</h1> <form className="SignUpForm" onSubmit={handleSubmit(onsubmit, onerror)}> <div> - <label htmlFor="hasGitHubRepo">GitHubのリポジトリある？: </label> - <input id="hasGitHubRepo" type="checkbox" {...register('hasGitHubRepo')}></input> - <div className="error">{errors.hasGitHubRepo?.message}</div> + <label htmlFor="hasGithubRepo">GitHubのリポジトリある？: </label> + <input id="hasGithubRepo" type="checkbox" {...register('hasGithubRepo')}></input> + <div className="error">{errors.hasGithubRepo?.message}</div> </div> { - (watchHasGitHubRepo && + (watchHasGithubRepo && <div> - <label htmlFor="gitHubUsername">github username: </label> - <input id="gitHubUsername" type="text" {...register('gitHubUsername')}></input> + <label htmlFor="githubUsername">github username: </label> + <input id="githubUsername" type="text" {...register('githubUsername')}></input> </div> ) } |