import React, { Fragment, useState, useEffect, useContext } from 'react'
import axios from 'axios';
import { getCookie,getCookies,hasCookie } from 'cookies-next';
import Header from "@components/Header";
import { useAppContext } from '@contexts/Context';
import { MenuCuentaUsuario } from "@components/menuCuentaUsuario"
import { PerfilUsuarioProfesional } from "@components/perfilUsuarioProfesional"
export async function getServerSideProps({ req, res, query}) {
let tokenusuario = getCookie('bs_plus_token', { req, res });
let idusuario = getCookie('bs_plus_idu', { req, res });
let userAuth = hasCookie('bs_plus_token', { req, res }) ? true : false
let urlamigable = userAuth ? '/home-privada/' : '/home-publica/'
let urlApi = `${process.env.NEXT_PUBLIC_URL_API}formatos/UrlAmbigablePublica`
let dataTipo = {
"urlAmigable": urlamigable,
"idPlataforma": 1
}
let axiosConfig = {
'Accept': 'application/json',
'Content-Type': 'application/json',
};
let axiosConfigU = {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': `Bearer ${tokenusuario}`
};
const getDataEstructura = axios({
method: 'POST',
url: urlApi,
headers: axiosConfig,
data: dataTipo
});
const getDataUsuario = axios({
method: 'GET',
url: `${process.env.NEXT_PUBLIC_URL_API}usuarios/${idusuario}`,
headers: axiosConfigU
});
const [estructura,usuario] = await Promise.all([getDataEstructura, getDataUsuario]);
return {
props: {
estructura: estructura.data,
usuario: usuario.data
}
};
}
const Perfil = (dataFormato) => {
const { modalRegistro, toggleModalRegisitro, modalLogin, toggleModalLogin, activateAuth, isAuth, removeAuth, variableState } = useAppContext();
let nombreUsuario = getCookie('bs_plus_nombre');
console.log('dataFormato.estructura',dataFormato)
return (
<>