Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2646 Rev 3585
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from "react";
2 
import { useLocation, withRouter } from "react-router";
 3 
import { withRouter } from "react-router";
3 
import styled from "styled-components";
 4 
import styled from "styled-components";
4 
import BasicSettings from "./basic-settings/BasicSettings";
 5 
import BasicSettings from "./basic-settings/BasicSettings";
5 
import Browsers from "./browsers/Browsers";
 6 
import Browsers from "./browsers/Browsers";
6 
import ChangeImage from "./change-image/ChangeImage";
 7 
import ChangeImage from "./change-image/ChangeImage";
7 
import ChangePassword from "./change-password/ChangePassword";
 8 
import ChangePassword from "./change-password/ChangePassword";
Línea 54... Línea 55...
54 
    amounts,
 55 
    amounts,
55 
  } = props.backendVars;
 56 
  } = props.backendVars;
Línea 56... Línea 57...
56 
 
 57 
 
Línea 57... Línea 58...
57 
  const [currentTab, setCurrentTab] = useState(TABS.BASIC);
 58 
  const [currentTab, setCurrentTab] = useState(TABS.BASIC);
58 
 
 59 
 
59 
  const handleChangeTab = (event, tab, param) => {
 60 
  const handleChangeTab = (event, tab) => {
60 
    event.preventDefault();
 61 
    event.preventDefault();
Línea 61... Línea 62...
61 
    setCurrentTab(tab);
 62 
    setCurrentTab(tab);
Línea 134... Línea 135...
134 
                  className="nav nav-tabs"
 135 
                  className="nav nav-tabs"
135 
                  id="nav-tab"
 136 
                  id="nav-tab"
136 
                  role="tablist"
 137 
                  role="tablist"
137 
                >
 138 
                >
138 
                  <a
 139 
                  <a
- 
 
 140 
                    href="#"
139 
                    className={`nav-item nav-link`}
 141 
                    className={`nav-item nav-link`}
140 
                    onClick={(e) => handleChangeTab(e, TABS.BASIC)}
 142 
                    onClick={(e) => handleChangeTab(e, TABS.BASIC)}
141 
                  >
 143 
                    >
142 
                    <i className="la la-user" />Básica
 144 
                    <i className="la la-user" />Básica
143 
                  </a>
 145 
                  </a>
144 
                  <a
 146 
                  <a
- 
 
 147 
                    href="#"
145 
                    className={`nav-item nav-link`}
 148 
                    className={`nav-item nav-link`}
146 
                    onClick={(e) => handleChangeTab(e, TABS.NOTIFICATIONS)}
 149 
                    onClick={(e) => handleChangeTab(e, TABS.NOTIFICATIONS)}
147 
                  >
 150 
                  >
148 
                    <i className="la la-cogs" />Notificaciones
 151 
                    <i className="la la-cogs" />Notificaciones
149 
                  </a>
 152 
                  </a>
150 
                  <a
 153 
                  <a
- 
 
 154 
                    href="#"
151 
                    className={`nav-item nav-link`}
 155 
                    className={`nav-item nav-link`}
152 
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_PASSWORD)}
 156 
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_PASSWORD)}
153 
                  >
 157 
                    >
154 
                    <i className="fa fa-lock" />Cambiar clave
 158 
                    <i className="fa fa-lock" />Cambiar clave
155 
                  </a>
 159 
                  </a>
156 
                  <a
 160 
                  <a
- 
 
 161 
                    href="#"
157 
                    className={`nav-item nav-link`}
 162 
                    className={`nav-item nav-link`}
158 
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_IMAGE)}
 163 
                    onClick={(e) => handleChangeTab(e, TABS.CHANGE_IMAGE)}
159 
                  >
 164 
                    >
160 
                    <i className="fa fa-image" />Cambiar imagen
 165 
                    <i className="fa fa-image" />Cambiar imagen
161 
                  </a>
 166 
                  </a>
162 
                  <a
 167 
                  <a
- 
 
 168 
                    href="#"
163 
                    className={`nav-item nav-link`}
 169 
                    className={`nav-item nav-link`}
164 
                    onClick={(e) => handleChangeTab(e, TABS.LOCATION)}
 170 
                    onClick={(e) => handleChangeTab(e, TABS.LOCATION)}
165 
                  >
 171 
                    >
166 
                    <i className="fa fa-map-marker" />Ubicación
 172 
                    <i className="fa fa-map-marker" />Ubicación
167 
                  </a>
 173 
                  </a>
168 
                  <a
 174 
                  <a
- 
 
 175 
                    href="#"
169 
                    className={`nav-item nav-link`}
 176 
                    className={`nav-item nav-link`}
170 
                    onClick={(e) => handleChangeTab(e, TABS.PRIVACY)}
 177 
                    onClick={(e) => handleChangeTab(e, TABS.PRIVACY)}
171 
                  >
 178 
                    >
172 
                    <i className="fa fa-user-secret" />Privacidad
 179 
                    <i className="fa fa-user-secret" />Privacidad
173 
                  </a>
 180 
                  </a>
174 
                  <a
 181 
                  <a
- 
 
 182 
                    href="#"
175 
                    className={`nav-item nav-link`}
 183 
                    className={`nav-item nav-link`}
176 
                    onClick={(e) => handleChangeTab(e, TABS.SOCIAL_NETWORKS)}
 184 
                    onClick={(e) => handleChangeTab(e, TABS.SOCIAL_NETWORKS)}
177 
                  >
 185 
                    >
178 
                    <i className="fa fa-facebook" />Redes Sociales
 186 
                    <i className="fa fa-facebook" />Redes Sociales
179 
                  </a>
 187 
                  </a>
180 
                  <a
 188 
                  <a
- 
 
 189 
                    href="#"
181 
                    className={`nav-item nav-link`}
 190 
                    className={`nav-item nav-link`}
182 
                    onClick={(e) => handleChangeTab(e, TABS.TRANSACTIONS)}
 191 
                    onClick={(e) => handleChangeTab(e, TABS.TRANSACTIONS)}
183 
                  >
 192 
                    >
184 
                    <i className="fa fa-money" />Transacciones
 193 
                    <i className="fa fa-money" />Transacciones
185 
                  </a>
 194 
                  </a>
186 
                  <a
 195 
                  <a
- 
 
 196 
                    href="#"
187 
                    className={`nav-item nav-link`}
 197 
                    className={`nav-item nav-link`}
188 
                    onClick={(e) => handleChangeTab(e, TABS.CLOSE_ACCOUNT)}
 198 
                    onClick={(e) => handleChangeTab(e, TABS.CLOSE_ACCOUNT)}
189 
                  >
 199 
                  >
190 
                    <i className="fa fa-trash"></i>Cerrar cuenta
 200 
                    <i className="fa fa-trash"></i>Cerrar cuenta
191 
                  </a>
 201 
                  </a>