src/SignUp.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import './SignUp.css'
import { Link } from 'react-router-dom';

/* import { useState } from "react";
 * import { useForm } from "react-hook-form";
 * import { zodResolver } from "@hookform/resolvers/zod"; */
/* import * as z from "zod" */
/* 
 * const schema = z.object({
 *   name: z.string().min(1, { message: '必須項目です' }),
 *   email: z.string().min(1, { message: '必須項目です' }).email("メールアドレスを入力してください"),
 *   language: z.string(),
 * }) */

/* type Answer = {
 *   name: string,
 *   email: string,
 *   birthday: Date,
 *   language: string,
 * } */

export const SignUp = () => {
  return (
    <>
      <div className="SignUpForm">
        <h1>会員登録</h1>
        <p>サービスの利用のためには会員登録が必要です。</p>
        <Link to="/sign-up/form1">会員登録を始める</Link>
      </div>
    </>
  );
}