Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2641 Rev 2642
Línea 90... Línea 90...
90 
    setLoading(false);
 90 
    setLoading(false);
91 
  }, []);
 91 
  }, []);
Línea 92... Línea 92...
92 
 
 92 
 
93 
  return (
 93 
  return (
94 
    <div className="settings-container">
 94 
    <div className="settings-container">
95 
      <h1>Básica</h1>
 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" style={{ gap: '1rem' }}>
 98 
          <div className="d-flex 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"
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" style={{ gap: '1rem' }}>
 124 
          <div className="d-flex pb-3" style={{ gap: '1rem' }}>
125 
            <div className="cp-field">
 - 
 
126 
              <label htmlFor="phone">Teléfono</label>
 - 
 
127 
              <PhoneInput
 - 
 
128 
                name="phone"
 - 
 
129 
                value={watch("phone")}
 - 
 
130 
                onChange={(phone) => {
 - 
 
131 
                  setValue("phone", phone);
 - 
 
132 
                }}
 - 
 
133 
              />
 - 
 
134 
              {<FormErrorFeedback>{errors?.phone?.message}</FormErrorFeedback>}
 - 
 
135 
            </div>
 - 
 
136 
            <div className="cp-field">
 125 
            <div className="cp-field">
137 
              <label htmlFor="last_name">Email</label>
 126 
              <label htmlFor="last_name">Email</label>
138 
              <input
 127 
              <input
139 
                type="text"
 128 
                type="text"
140 
                name="email"
 129 
                name="email"
Línea 147... Línea 136...
147 
                  },
 136 
                  },
148 
                })}
 137 
                })}
149 
              />
 138 
              />
150 
              {<FormErrorFeedback>{errors?.email?.message}</FormErrorFeedback>}
 139 
              {<FormErrorFeedback>{errors?.email?.message}</FormErrorFeedback>}
151 
            </div>
 140 
            </div>
- 
 
 141 
            <div className="cp-field">
- 
 
 142 
              <label htmlFor="phone">Teléfono</label>
- 
 
 143 
              <PhoneInput
- 
 
 144 
                name="phone"
- 
 
 145 
                value={watch("phone")}
- 
 
 146 
                onChange={(phone) => {
- 
 
 147 
                  setValue("phone", phone);
- 
 
 148 
                }}
- 
 
 149 
              />
- 
 
 150 
              {<FormErrorFeedback>{errors?.phone?.message}</FormErrorFeedback>}
- 
 
 151 
            </div>
152 
          </div>
 152 
          </div>
153 
          <div className="d-flex" style={{ gap: '1rem' }}>
 153 
          <div className="d-flex" 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"
159 
                defaultValue=""
 159 
                defaultValue=""
160 
                className="form-control"
 - 
 
161 
                ref={register}
 160 
                ref={register}
162 
              >
 161 
              >
163 
                <option value="" hidden>
 162 
                <option value="" hidden>
164 
                  Seleccione un género
 163 
                  Seleccione un género
165 
                </option>
 164 
                </option>
166 
                <option value="m">Masculino</option>
 165 
                <option value="m">Masculino</option>
167 
                <option value="f">Femenino</option>
 166 
                <option value="f">Femenino</option>
168 
              </select>
 167 
              </select>
169 
              {<FormErrorFeedback>{errors?.gender?.message}</FormErrorFeedback>}
 168 
              {<FormErrorFeedback>{errors?.gender?.message}</FormErrorFeedback>}
170 
            </div>
 169 
            </div>
- 
 
 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">
172 
              Guardar
 172 
                Guardar
173 
            </button>
 173 
              </button>
- 
 
 174 
            </div>
174 
          </div>
 175 
          </div>
175 
        </form>
 176 
        </form>
176 
      </div>
 177 
      </div>
177 
      {loading &&
 178 
      {loading &&
178 
        <StyledSpinnerContainer>
 179 
        <StyledSpinnerContainer>