Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2642 Rev 2643
Línea 93... Línea 93...
93
  return (
93
  return (
94
    <div className="settings-container">
94
    <div className="settings-container">
95
      <h2>Básica</h2>
95
      <h2>Básica</h2>
96
      <div className="acc-setting_content">
96
      <div className="acc-setting_content">
97
        <form onSubmit={handleSubmit(handleOnSubmit)}>
97
        <form onSubmit={handleSubmit(handleOnSubmit)}>
98
          <div className="d-flex pb-3" style={{ gap: '1rem' }}>
98
          <div className="d-flex flex-wrap pb-3" style={{ gap: '1rem' }}>
99
            <div className="cp-field">
99
            <div className="cp-field">
100
              <label htmlFor="first_name">Nombre</label>
100
              <label htmlFor="first_name">Nombre</label>
101
              <input
101
              <input
102
                type="text"
102
                type="text"
103
                name="first_name"
103
                name="first_name"
Línea 119... Línea 119...
119
                })}
119
                })}
120
              />
120
              />
121
              {<FormErrorFeedback>{errors?.last_name?.message}</FormErrorFeedback>}
121
              {<FormErrorFeedback>{errors?.last_name?.message}</FormErrorFeedback>}
122
            </div>
122
            </div>
123
          </div>
123
          </div>
124
          <div className="d-flex pb-3" style={{ gap: '1rem' }}>
124
          <div className="d-flex flex-wrap pb-3" style={{ gap: '1rem' }}>
125
            <div className="cp-field">
125
            <div className="cp-field">
126
              <label htmlFor="last_name">Email</label>
126
              <label htmlFor="last_name">Email</label>
127
              <input
127
              <input
128
                type="text"
128
                type="text"
129
                name="email"
129
                name="email"
Línea 148... Línea 148...
148
                }}
148
                }}
149
              />
149
              />
150
              {<FormErrorFeedback>{errors?.phone?.message}</FormErrorFeedback>}
150
              {<FormErrorFeedback>{errors?.phone?.message}</FormErrorFeedback>}
151
            </div>
151
            </div>
152
          </div>
152
          </div>
153
          <div className="d-flex" style={{ gap: '1rem' }}>
153
          <div className="d-flex flex-wrap" style={{ gap: '1rem' }}>
154
            <div className="cp-field">
154
            <div className="cp-field">
155
              <label htmlFor="gender">Género</label>
155
              <label htmlFor="gender">Género</label>
156
              <select
156
              <select
157
                name="gender"
157
                name="gender"
158
                id="gender"
158
                id="gender"
Línea 166... Línea 166...
166
                <option value="f">Femenino</option>
166
                <option value="f">Femenino</option>
167
              </select>
167
              </select>
168
              {<FormErrorFeedback>{errors?.gender?.message}</FormErrorFeedback>}
168
              {<FormErrorFeedback>{errors?.gender?.message}</FormErrorFeedback>}
169
            </div>
169
            </div>
170
            <div className="col-6 d-flex align-items-center justify-content-center">
170
            <div className="col-6 d-flex align-items-center justify-content-center">
171
              <button type="submit" className="btn btn-secondary">
171
              <button type="submit" className="btn btn-secondary mt-4">
172
                Guardar
172
                Guardar
173
              </button>
173
              </button>
174
            </div>
174
            </div>
175
          </div>
175
          </div>
176
        </form>
176
        </form>