Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4408 Rev 4410
Línea 56... Línea 56...
56 
      .get("/account-settings/basic")
 56 
      .get("/account-settings/basic")
57 
      .then(({ data: response }) => {
 57 
      .then(({ data: response }) => {
58 
        if (response.success) {
 58 
        if (response.success) {
59 
          Object
 59 
          Object
60 
            .entries(response.data)
 60 
            .entries(response.data)
61 
            .map(([key, value]) => {
 61 
            .map(([key, value]) =>
62 
              console.log(key, value)
 - 
 
63 
              if (key === 'is_adult') {
 62 
              key === 'is_adult'
64 
                return setIsAdult(value === 'y' ? true : false)
 63 
                ? setIsAdult(value === 'y' ? true : false)
65 
              }
 - 
 
66 
              return setValue(key, value)
 64 
                : setValue(key, value)
67 
            })
 65 
            )
68 
        }
 66 
        }
69 
      })
 67 
      })
70 
      .finally(() => setLoading(false))
 68 
      .finally(() => setLoading(false))
71 
  }, []);
 69 
  }, []);
Línea 81... Línea 79...
81 
            <div className="cp-field">
 79 
            <div className="cp-field">
82 
              <label htmlFor="first_name">Nombre</label>
 80 
              <label htmlFor="first_name">Nombre</label>
83 
              <input
 81 
              <input
84 
                type="text"
 82 
                type="text"
85 
                name="first_name"
 83 
                name="first_name"
86 
                ref={register({ required: "Por favor ingrese su nombre" })}
 84 
                ref={register}
87 
              />
 85 
              />
88 
              {<FormErrorFeedback>{errors?.first_name?.message}</FormErrorFeedback>}
 86 
              {errors.first_name && <FormErrorFeedback>Por favor ingrese su nombre</FormErrorFeedback>}
89 
            </div>
 87 
            </div>
90 
            <div className="cp-field">
 88 
            <div className="cp-field">
91 
              <label htmlFor="last_name">Apellido</label>
 89 
              <label htmlFor="last_name">Apellido</label>
92 
              <input
 90 
              <input
93 
                type="text"
 91 
                type="text"
- 
 
 92 
                ref={register}
94 
                name="last_name"
 93 
                name="last_name"
95 
                ref={register({
 - 
 
96 
                  required: "Por favor ingrese su apellido",
 - 
 
97 
                })}
 - 
 
98 
              />
 94 
              />
99 
              {<FormErrorFeedback>{errors?.last_name?.message}</FormErrorFeedback>}
 95 
              {errors.last_name && <FormErrorFeedback>Por favor ingrese su apellido</FormErrorFeedback>}
100 
            </div>
 96 
            </div>
101 
          </div>
 97 
          </div>
102 
          <div className="inputs__container">
 98 
          <div className="inputs__container">
103 
            <div className="cp-field">
 99 
            <div className="cp-field">
104 
              <label htmlFor="last_name">Email</label>
 100 
              <label htmlFor="last_name">Email</label>
105 
              <input
 101 
              <input
106 
                type="text"
 102 
                type="text"
107 
                name="email"
 103 
                name="email"
108 
                ref={register({
 104 
                ref={register}
109 
                  required: "Por favor ingrese su correo electrónico",
 - 
 
110 
                  pattern: {
 - 
 
111 
                    value: /^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/i,
 - 
 
112 
                    message: "Por favor ingrese un correo válido",
 - 
 
113 
                  },
 - 
 
114 
                })}
 - 
 
115 
              />
 105 
              />
116 
              {<FormErrorFeedback>{errors?.email?.message}</FormErrorFeedback>}
 106 
              {errors.email && <FormErrorFeedback>Por favor ingrese un correo electrónico valido</FormErrorFeedback>}
117 
            </div>
 107 
            </div>
118 
            <div className="cp-field">
 108 
            <div className="cp-field">
119 
              <label htmlFor="phone">Teléfono</label>
 109 
              <label htmlFor="phone">Teléfono</label>
120 
              <PhoneInput
 110 
              <PhoneInput
121 
                name="phone"
 111 
                name="phone"
122 
                inputClass="custom-input"
 112 
                inputClass="custom-input"
123 
                value={watch("phone")}
 113 
                value={watch("phone")}
124 
                onChange={(phone) => setValue("phone", phone)}
 114 
                onChange={(phone) => setValue("phone", phone)}
125 
              />
 115 
              />
126 
              {<FormErrorFeedback>{errors?.phone?.message}</FormErrorFeedback>}
 116 
              {errors.phone && <FormErrorFeedback>Por favor ingrese un número telefónico valido</FormErrorFeedback>}
127 
            </div>
 117 
            </div>
128 
          </div>
 118 
          </div>
129 
          <div className="inputs__container">
 119 
          <div className="inputs__container">
130 
            <div className="cp-field">
 120 
            <div className="cp-field">
131 
              <label htmlFor="gender">Género</label>
 121 
              <label htmlFor="gender">Género</label>
132 
              <select
 122 
              <select
133 
                name="gender"
 123 
                name="gender"
134 
                id="gender"
 - 
 
135 
                defaultValue=""
 - 
 
136 
                ref={register}
 124 
                ref={register}
137 
              >
 125 
              >
138 
                <option value="" hidden>
 126 
                <option value="" hidden>
139 
                  Seleccione un género
 127 
                  Seleccione un género
140 
                </option>
 128 
                </option>
141 
                <option value="m">Masculino</option>
 129 
                <option value="m">Masculino</option>
142 
                <option value="f">Femenino</option>
 130 
                <option value="f">Femenino</option>
143 
              </select>
 131 
              </select>
144 
              {<FormErrorFeedback>{errors?.gender?.message}</FormErrorFeedback>}
 132 
              {errors.gender && <FormErrorFeedback>Por favor selecciona un genero</FormErrorFeedback>}
145 
            </div>
 133 
            </div>
146 
            <div className="cp-field">
 134 
            <div className="cp-field">
147 
              <label htmlFor="timezone">Zona horaria</label>
 135 
              <label htmlFor="timezone">Zona horaria</label>
148 
              <select
 136 
              <select
149 
                name="timezone"
 137 
                name="timezone"
150 
                id="timezone"
 - 
 
151 
                defaultValue=""
 - 
 
152 
                ref={register({
 138 
                ref={register}
153 
                  required: "Por favor elige una Zona horaria",
 - 
 
154 
                })}
 - 
 
155 
              >
 139 
              >
156 
                <option value="" hidden>
 140 
                <option value="" hidden>
157 
                  Zona horaria
 141 
                  Zona horaria
158 
                </option>
 142 
                </option>
159 
                {Object.entries(timezones).map(([key, value]) => (
 143 
                {Object.entries(timezones).map(([key, value]) =>
160 
                  <option value={key} key={key}>
 144 
                  <option value={key} key={key}>
161 
                    {value}
 145 
                    {value}
162 
                  </option>
 146 
                  </option>
163 
                ))}
 147 
                )}
164 
              </select>
 148 
              </select>
165 
              {<FormErrorFeedback>{errors?.timezone?.message}</FormErrorFeedback>}
 149 
              {errors.timezone && <FormErrorFeedback>Por favor selecciona una zona horaria</FormErrorFeedback>}
166 
            </div>
 150 
            </div>
167 
          </div>
 151 
          </div>
168 
          <SwitchInput
 152 
          <SwitchInput
169 
            isChecked={isAdult}
 153 
            isChecked={isAdult}
170 
            setValue={(value) => setIsAdult(value)}
 154 
            setValue={(value) => setIsAdult(value)}