Closed Fukuemon closed 1 year ago
zodのバリデーションやuseForm・ログイン処理をhooksに切り分ける
バリデーションを行い、fromに入力された値を元にAPIをfeatchする usernameと画像に関しては、未入力時には[username: anonymous. img:default画像}が格納される
登録に成功した場合、続けてログイン処理を行う ♻️処理を共通化し、ログイン関数として呼び出す 失敗した場合、Axiosエラーを返す
Axiosのエラー処理を別ファイルで定義
The latest updates on your projects. Learn more about Vercel for Git ↗︎
やったこと
Formコンポーネントからロジックを抽出
zodのバリデーションやuseForm・ログイン処理をhooksに切り分ける
💄UI
Avatar画像を受け取り、Previewするためのコンポーネントを作成
Formの見た目を調整
✨ロジック
Avagtar画像入力時の処理
新規登録処理の追加
バリデーションを行い、fromに入力された値を元にAPIをfeatchする usernameと画像に関しては、未入力時には[username: anonymous. img:default画像}が格納される
登録に成功した場合、続けてログイン処理を行う ♻️処理を共通化し、ログイン関数として呼び出す 失敗した場合、Axiosエラーを返す
Axiosのエラー処理を別ファイルで定義