Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4410 | Rev 4412 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4410 Rev 4411
Línea 76... Línea 76...
76 
        :
 76 
        :
77 
        <form onSubmit={handleSubmit(handleOnSubmit)}>
 77 
        <form onSubmit={handleSubmit(handleOnSubmit)}>
78 
          <div className="inputs__container">
 78 
          <div className="inputs__container">
79 
            <div className="cp-field">
 79 
            <div className="cp-field">
80 
              <label htmlFor="first_name">Nombre</label>
 80 
              <label htmlFor="first_name">Nombre</label>
81 
              <input
 - 
 
82 
                type="text"
 - 
 
83 
                name="first_name"
 81 
              <input type="text" {...register("first_name")} />
84 
                ref={register}
 - 
 
85 
              />
 - 
 
86 
              {errors.first_name && <FormErrorFeedback>Por favor ingrese su nombre</FormErrorFeedback>}
 82 
              {errors.first_name && <FormErrorFeedback>Por favor ingrese su nombre</FormErrorFeedback>}
87 
            </div>
 83 
            </div>
88 
            <div className="cp-field">
 84 
            <div className="cp-field">
89 
              <label htmlFor="last_name">Apellido</label>
 85 
              <label htmlFor="last_name">Apellido</label>
90 
              <input
 - 
 
91 
                type="text"
 - 
 
92 
                ref={register}
 - 
 
93 
                name="last_name"
 86 
              <input {...register("text")} name="last_name" />
94 
              />
 - 
 
95 
              {errors.last_name && <FormErrorFeedback>Por favor ingrese su apellido</FormErrorFeedback>}
 87 
              {errors.last_name && <FormErrorFeedback>Por favor ingrese su apellido</FormErrorFeedback>}
96 
            </div>
 88 
            </div>
97 
          </div>
 89 
          </div>
98 
          <div className="inputs__container">
 90 
          <div className="inputs__container">
99 
            <div className="cp-field">
 91 
            <div className="cp-field">
100 
              <label htmlFor="last_name">Email</label>
 92 
              <label htmlFor="last_name">Email</label>
101 
              <input
 - 
 
102 
                type="text"
 - 
 
103 
                name="email"
 - 
 
104 
                ref={register}
 93 
              <input type="text" {...register("email")} />
105 
              />
 - 
 
106 
              {errors.email && <FormErrorFeedback>Por favor ingrese un correo electrónico valido</FormErrorFeedback>}
 94 
              {errors.email && <FormErrorFeedback>Por favor ingrese un correo electrónico valido</FormErrorFeedback>}
107 
            </div>
 95 
            </div>
108 
            <div className="cp-field">
 96 
            <div className="cp-field">
109 
              <label htmlFor="phone">Teléfono</label>
 97 
              <label htmlFor="phone">Teléfono</label>
110 
              <PhoneInput
 98 
              <PhoneInput
Línea 118... Línea 106...
118 
          </div>
 106 
          </div>
119 
          <div className="inputs__container">
 107 
          <div className="inputs__container">
120 
            <div className="cp-field">
 108 
            <div className="cp-field">
121 
              <label htmlFor="gender">Género</label>
 109 
              <label htmlFor="gender">Género</label>
122 
              <select
 110 
              <select
123 
                name="gender"
 111 
                {...register("gender")}
124 
                ref={register}
 - 
 
125 
              >
 112 
              >
126 
                <option value="" hidden>
 113 
                <option value="" hidden>
127 
                  Seleccione un género
 114 
                  Seleccione un género
128 
                </option>
 115 
                </option>
129 
                <option value="m">Masculino</option>
 116 
                <option value="m">Masculino</option>
Línea 131... Línea 118...
131 
              </select>
 118 
              </select>
132 
              {errors.gender && <FormErrorFeedback>Por favor selecciona un genero</FormErrorFeedback>}
 119 
              {errors.gender && <FormErrorFeedback>Por favor selecciona un genero</FormErrorFeedback>}
133 
            </div>
 120 
            </div>
134 
            <div className="cp-field">
 121 
            <div className="cp-field">
135 
              <label htmlFor="timezone">Zona horaria</label>
 122 
              <label htmlFor="timezone">Zona horaria</label>
136 
              <select
 - 
 
137 
                name="timezone"
 123 
              <select {...register("timezone")}>
138 
                ref={register}
 - 
 
139 
              >
 - 
 
140 
                <option value="" hidden>
 124 
                <option value="" hidden>
141 
                  Zona horaria
 125 
                  Zona horaria
142 
                </option>
 126 
                </option>
143 
                {Object.entries(timezones).map(([key, value]) =>
 127 
                {Object.entries(timezones).map(([key, value]) =>
144 
                  <option value={key} key={key}>
 128 
                  <option value={key} key={key}>
Línea 147... Línea 131...
147 
                )}
 131 
                )}
148 
              </select>
 132 
              </select>
149 
              {errors.timezone && <FormErrorFeedback>Por favor selecciona una zona horaria</FormErrorFeedback>}
 133 
              {errors.timezone && <FormErrorFeedback>Por favor selecciona una zona horaria</FormErrorFeedback>}
150 
            </div>
 134 
            </div>
151 
          </div>
 135 
          </div>
- 
 
 136 
          <div className="cp-field">
- 
 
 137 
            <label htmlFor="timezone">Eres mayor de 18</label>
152 
          <SwitchInput
 138 
            <SwitchInput
153 
            isChecked={isAdult}
 139 
              isChecked={isAdult}
154 
            setValue={(value) => setIsAdult(value)}
 140 
              setValue={(value) => setIsAdult(value)}
155 
          />
 141 
            />
- 
 
 142 
          </div>
156 
          <button type="submit" className="btn btn-secondary">
 143 
          <button type="submit" className="btn btn-secondary">
157 
            Guardar
 144 
            Guardar
158 
          </button>
 145 
          </button>
159 
        </form>
 146 
        </form>
160 
      }
 147 
      }