{"version":3,"sources":["customRevenda/logo/logo.png","services/api.js","customRevenda/custom.js","pages/Main/style.js","pages/Main/index.js","pages/Detalhes/style.js","pages/Detalhes/index.js","routes.js","pages/styles/global.js","App.js","index.js"],"names":["module","exports","api","axios","create","baseURL","urlGoogleMaps","HeaderPage","styled","div","TitleSection","h1","ContainerEstoque","Loading","WrapVeiculos","ul","BoxVeiculos","Modelo","Ano","Combustivel","Valor","Erro","TelefonesRevenda","Rodape","LinkPage","Main","state","veiculos","veiculosFiltrados","loading","revenda","Promise","all","get","response","this","setState","data","items","id","href","src","logo","alt","size","type","onChange","e","search","target","value","toLowerCase","filteredItems","filter","item","modelo","indexOf","placeholder","map","veiculo","key","idveiculo","to","style","textDecoration","imagem","ano_fabricacao","ano_modelo","combustivel","motor","valor","displayType","thousandSeparator","decimalSeparator","prefix","suffix","length","color","telefones","whatsapp","contatowpp","telefone","replace","rel","contato","title","frameBorder","width","height","margin","endereco","Component","Container","ContainerTelefones","Share","ShareButtons","ContainerImagens","ContainerDetalhes","LinhaDetalhes","Dados","span","Info","ValorVeiculo","TelefonesLoja","Detalhes","imagensveiculo","compveiculo","codVeiculo","props","match","params","idVeiculo","dadosveiculo","detalhes","descricao","console","log","imagens","cmp","i","id_itens","push","join","imagensv","original","thumbnail","sizes","marginRight","toUpperCase","fabricante","cor","observacoes","kilometragem","TwitterIcon","WhatsappIcon","FacebookIcon","LinkedinIcon","EmailIcon","paddingTop","paddingLeft","Routes","path","component","exact","createGlobalStyle","App","render","document","getElementById"],"mappings":"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","file":"static/js/main.fc8f0fde.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.4b118da7.png\";","import axios from \"axios\";\n\nconst api = axios.create({\n\tbaseURL: \"https://www.usadofacil.com.br/v6\"\n});\n\nexport default api;\n","export const idAnunciante = 407;\n\nexport const idSite = 104;\n\nexport const NomeRevenda = 'Sedan Automóveis'\n\nexport const CorHeader = '#1E1DA3';\n\nexport const CorContainer = \"white\";\n\nexport const CorBackground = \"whitesmoke\";\n\nexport const CorNavegacao = \"white\";\n\nexport const CorBordaNavegacao = \"red\";\n\nexport const CorTextoBoxVeiculos = \"#333\";\n\nexport const CorValor = \"red\";\n\nexport const CorTelefones = 'blue';\n\nexport const CorRodape = '#1E1DA3';\n\nexport const urlGoogleMaps = \"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d18277.827696403085!2d-56.064310719329576!3d-15.621543736287483!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc8e3755072f39ba0!2sSedan%20Autom%C3%B3veis!5e0!3m2!1spt-BR!2sbr!4v1581337765536!5m2!1spt-BR!2sbr\";\n\n\n","import styled from \"styled-components\";\n\nimport { CorNavegacao, CorContainer, CorValor, CorTextoBoxVeiculos, CorHeader, CorRodape, CorTelefones, CorBordaNavegacao } from \"../../customRevenda/custom\";\n\n\n\nexport const HeaderPage = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 150px;\n  background-color: ${CorHeader};\n  width: 100%;\n  img {\n    margin-left: 30px\n  }\n\n  @media (max-width:800px) {\n    \n    display: flex;\n    justify-content: center;\n    align-items: center;\n    \n    img {\n      margin-left: 0px;\n    }\n  }\n`;\n\nexport const TitleSection = styled.h1`\n\n  @import url('https://fonts.googleapis.com/css?family=Roboto:500,700&display=swap');\n  font-family: 'Roboto', Arial, Helvetica, sans-serif;\n  font-weight: 500;\n  margin-top: 20px;\n  font-size: 32px;\n  display: flex;\n  align-items:center;\n  flex-direction: row;\n  svg{\n    margin-right: 10px;\n  }\n`;\n\nexport const ContainerEstoque = styled.div`\n  max-width: 1080px;\n  background-color: ${CorContainer};\n  border-radius: 4px;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  padding: 10px;\n  margin: 150px auto;\n\n  input[type=\"text\"] {\n    font-family: inherit;\n    width: 50%;\n    border: 0;\n    border-bottom: 2px solid gray;\n    outline: 0;\n    font-size: 1.3rem;\n    color: white;\n    padding: 7px 0;\n    background: transparent;\n    color: black;\n    margin-top: 15px;\n  } \n\n  @media (max-width: 800px) {\n    input[type=\"text\"] {\n    font-family: inherit;\n    width: 100%;\n    border: 0;\n    border-bottom: 2px solid gray;\n    outline: 0;\n    font-size: 1.3rem;\n    color: white;\n    padding: 7px 0;\n    background: transparent;\n    color: black;\n    margin-top: 15px;\n  }}\n`;\n\nexport const Loading = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n`;\n\nexport const WrapVeiculos = styled.ul`\n  background-color: whitesmoke;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  margin-top: 20px;\n\n  @media (max-width: 800px) {\n    display: flex;\n    flex-flow: row wrap;\n    justify-content: space-around;\n    margin-top: 20px;\n  }\n`;\nexport const BoxVeiculos = styled.div`\n  display: flex;\n  flex-direction: column;\n  -webkit-border-radius: 4px;\n  width: 200px;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  border: solid 1px #cccccc;\n  text-align: center;\n  margin: 10px 5px;\n  cursor: pointer;\n  align-items:center;\n  justify-content: space-between;\n  transition: all .2s ease-in-out;\n  color: ${CorTextoBoxVeiculos};\n  text-align: center;\n  height: 270px;\n  img {\n    height: 125px;\n    width: 195px;\n  }\n\n  &:hover {\n    transform: scale(1.1); \n  }\n\n  @media (max-width: 500px){\n    margin: 10px 3px;\n    width: 190px;\n    img{\n      width: 185px;\n    }\n\n  }\n  @media (max-width: 415px){\n    margin: 10px 3px;\n    width: 170px;\n    img{\n      width: 165px;\n    }\n\n  }\n  @media (max-width: 365px){\n    margin: 10px 1px;\n    width: 140px;\n    height: 300px;\n    img{\n      width: 135px;\n    }\n\n  }\n  @media (max-width: 325px){\n    margin: 10px 1px;\n    width: 140px;\n    img{\n      width: 135px;\n    }\n\n  }\n\n\n\n\n\n`;\nexport const Modelo = styled.h1`\n  display: inline-block;\n  font-size : 16px;\n  font-weight: 500;\n  padding: 5px 2px;\n  text-transform: uppercase;\n  @media (max-width: 415px){\n    font-size: 14px;\n\n  }\n`\nexport const Ano = styled.h1`\n  display: inline-block;\n  font-size : 14px;\n  font-weight: 500;\n  padding: 5px 0px;\n  opacity: 0.7;\n  @media (max-width: 415px){\n    font-size: 12px;\n\n  }\n`;\n\nexport const Combustivel = styled.h1`\n  display: inline-block;\n  font-size : 14px;\n  font-weight: 500;\n  padding: 5px 0px;\n  opacity: 0.7;\n  @media (max-width: 415px){\n    font-size: 12px;\n\n  }\n`;\n\nexport const Valor = styled.h1`\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  font-size : 20px;\n  font-weight: 500;\n  padding: 0px 0px;\n  color: ${CorValor};\n  padding-bottom: 2px;\n  @media (max-width: 415px){\n    font-size: 18px;\n\n  }\n`;\n\nexport const Erro = styled.div`\n  h1{\n    margin-left: 50px;\n    margin: 30px 40px;\n    font-size: 36px;\n    @media (max-width: 500px){\n      font-size: 30px;\n      margin-left: 10px;\n    }\n  }\n  \n  ul{\n   \n    font-size: 16px;\n    margin-left: 60px;\n    display: flex;\n    flex-flow: column wrap;\n    margin-bottom: 30px;\n    \n    @media (max-width: 500px){\n      font-size: 14px;\n      margin-left: 10px;\n    }\n\n\n  }\n`;\n\n\n\n\n\nexport const TelefonesRevenda = styled.ul`\n  display: flex;\n  flex-flow : row wrap;\n  list-style: none;\n  align-items: center;\n  justify-content: flex-start;\n  margin: 40px 0px;\n  li{\n    margin: 5px 10px;\n    font-size: 18px;\n  }\n  a {\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  a:visited  {\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  a:link{\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  \n`;\n\nexport const Rodape = styled.div`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n  bottom: 0px;\n  left: 0px;\n  width: 100%;\n  height: 45px;\n  margin: 0 auto;\n  background-color: ${CorRodape};\n  color: white;\n  font-size: 14px;\n\n  img {\n    height: 40px;\n    padding: 2px 0px;\n  }\n `;\n\nexport const Email = styled.h1`\n  font-size: 32px;\n\n`;\n\n\n\nexport const LinkPage = styled.ul`\n  display: flex;\n  flex-direction: row;\n  color: white;\n  list-style: none;\n  font-family: Arial, Helvetica, sans-serif;\n  font-weight: 600;\n\n  li {\n    font-size: 18px;\n    color: #fff;\n    margin-right: 20px;\n    border-bottom: 3px solid ${CorBordaNavegacao};\n  }\n\n    a {\n      text-decoration: none;\n      color: ${CorNavegacao};\n    }\n  \n    \n  @media (max-width: 800px) {\n    li {\n      display: none;\n    }\n  }\n  \n`;\n","import React, { Component } from \"react\";\n\nimport api from \"../../services/api\";\n\nimport logo from \"../../customRevenda/logo/logo.png\";\n\nimport { Link } from \"react-router-dom\";\n\nimport { idAnunciante, urlGoogleMaps, idSite } from \"../../customRevenda/custom\";\n\nimport { FaWarehouse, FaMapMarkerAlt, FaWhatsapp } from \"react-icons/fa\";\n\nimport NumberFormat from 'react-number-format';\n\nimport {\n  MdLocalPhone, MdError, MdEmail\n} from \"react-icons/md\";\n\nimport {\n  Loading,\n  BoxVeiculos,\n  WrapVeiculos,\n  ContainerEstoque,\n  HeaderPage,\n  LinkPage,\n  TitleSection,\n  Modelo,\n  Ano,\n  Combustivel,\n  Valor,\n  TelefonesRevenda,\n  Rodape,\n  Erro,\n  Email,\n} from \"./style\";\n\nclass Main extends Component {\n  state = {\n    veiculos: [],\n    veiculosFiltrados: [],\n    loading: true,\n    revenda: {},\n  };\n\n  async componentDidMount() {\n    const [response, revenda] = await Promise.all([\n      api.get(`/avalia_veiculos.asp?anunciante=${idAnunciante}`),\n      api.get(`/loja_sites.asp?idlogin=${idSite}`)\n    ]);\n\n    this.setState({\n      veiculos: response.data.items,\n      veiculosFiltrados: response.data.items,\n      loading: false,\n      revenda: revenda.data.items[0]\n    });\n  }\n\n\n  render() {\n    const { veiculos, loading, veiculosFiltrados, revenda } = this.state;\n\n    if (loading) {\n      return <Loading></Loading>;\n    } else\n      return (\n        <>\n          <div id=\"home\"></div>\n          <HeaderPage>\n            <a href=\"/\"><img src={logo} alt=\"\" /></a>\n\n            <LinkPage>\n              <li>\n                <a href=\"#home\">Home</a>\n              </li>\n              <li>\n                <a href=\"#local\">Localização</a>\n              </li>\n              <li>\n                <a href=\"#contato\">Contato</a>\n              </li>\n            </LinkPage>\n          </HeaderPage>\n          <ContainerEstoque>\n            <div id=\"estoque\"></div>\n            <TitleSection>\n              <FaWarehouse size={36} />Confira nosso estoque\n            </TitleSection>\n            <input\n              type=\"text\"\n              onChange={(e) => {\n\n                const search = e.target.value.toLowerCase()\n\n                const filteredItems = veiculos.filter(item => {\n                  const text = item.modelo.toLowerCase()\n\n                  return text.indexOf(search) > -1\n                })\n\n                this.setState({ veiculosFiltrados: filteredItems })\n              }}\n              placeholder=\"Digite o nome do veiculo...\"\n            />\n\n\n            <WrapVeiculos >\n              {veiculosFiltrados.map(veiculo => (\n                <Link key={veiculo.idveiculo} to={`/detalhes/${veiculo.idveiculo}`} style={{ textDecoration: 'none' }}>\n                  <BoxVeiculos key={veiculo.idveiculo}>\n                    <img src={veiculo.imagem} alt={veiculo.modelo} />\n                    <Modelo>{veiculo.modelo}</Modelo>\n                    <Ano>{veiculo.ano_fabricacao} / {veiculo.ano_modelo}</Ano>\n                    <Combustivel>{veiculo.combustivel} {veiculo.motor}</Combustivel>\n                    <Valor>\n                    <NumberFormat \n                    value={veiculo.valor} \n                    displayType={'text'} \n                    thousandSeparator={'.'} \n                    decimalSeparator={'/'} \n                    prefix={'R$ '} \n                    suffix={',00'} \n                    />\n                    </Valor>\n                  </BoxVeiculos>\n                </Link>\n              ))}\n\n              {veiculosFiltrados.length === 0 &&\n                <Erro>\n                  <h1 style={{ color: `#FF0000` }}> <MdError size={30} />\n                    &nbsp;A pesquisa não retornou nenhum veículo.</h1>\n                  <ul>\n                    <li>Verifique se o nome do veículo foi digitado corretamente.</li>\n                    <li>Escrever com hífem somente quando o mesmo fizer parte do nome do modelo: F-1000, Pick-Up, D-20.</li>\n                    <li>Alguns modelos não possuem hífem no nome: S10, HB20, IX35.</li>\n                  </ul>\n                </Erro>\n              }\n            </WrapVeiculos>\n\n\n\n            <div id=\"contato\" ></div>\n            <TitleSection >\n\n              <MdLocalPhone size={36} />Contato\n            </TitleSection>\n            <TelefonesRevenda>\n\n              {/* <Email><MdEmail />{revenda.email}</Email> */}\n              {revenda.telefones.map(item => {\n                if (!item.whatsapp) {\n                  let contato = item.telefone.replace(\"-\", \"\");\n                  contato = contato.replace(\" \", \"\");\n                  return <li key={item.telefone}><a href={`tel:${contato}`} ><MdLocalPhone size={18} />&nbsp;{item.telefone}</a></li>\n                } else {\n                  let contatowpp = item.telefone.replace(\"-\", \"\");\n                  contatowpp = contatowpp.replace(\" \", \"\");\n                  return <li key={item.telefone}><a target=\"_blank\" rel=\"noopener noreferrer\" href={`https://api.whatsapp.com/send?phone=55${contatowpp}`}><FaWhatsapp size={18} />&nbsp;{item.telefone}</a></li>\n                }\n              })}\n\n\n\n\n\n\n\n\n              {/* <li><a href={`tel:0653628-3050`}><MdLocalPhone size={18} /> 065 3628-3050</a></li>\n              <li><a href={`tel:06536281015`}><MdLocalPhone size={18} /> 065 3628-1015</a></li>\n              <li><a href={`tel:06536282009`}><MdLocalPhone size={18} /> 065 3628-2009</a></li>\n              <li><a href={`tel:065984013965`}><MdLocalPhone size={18} /> 065 98401-3965</a></li>\n              <li><a href={`tel:065992468989`}><MdLocalPhone size={18} /> 065 98401-3965</a></li>\n              <li><a href={`tel:065992468989`}><MdLocalPhone size={18} /> 065 99246-8989</a></li>\n              <li><a target=\"_blank\" rel=\"noopener noreferrer\" href={`https://api.whatsapp.com/send?phone=55065993331145`}><FaWhatsapp size={18} /> Eduardo 065 99333-1145</a></li>\n              <li><a target=\"_blank\" rel=\"noopener noreferrer\" href={`https://api.whatsapp.com/send?phone=55065996410107`}><FaWhatsapp size={18} /> Christhyan 065 99641-0107</a></li>\n              <li><a target=\"_blank\" rel=\"noopener noreferrer\" href={`https://api.whatsapp.com/send?phone=55065999827686`}><FaWhatsapp size={18} /> Antonielly 065 99982-7686</a></li> */}\n\n\n\n            </TelefonesRevenda>\n\n\n            <div id=\"local\"></div>\n            <TitleSection>\n\n              <FaMapMarkerAlt size={36} />Nossa Localização\n            </TitleSection>\n\n            <iframe title='gmaps' frameBorder=\"0\" style={{ width: \"100%\", height: \"450px\", margin: \"10px 0px\" }}\n              src={urlGoogleMaps}>\n            </iframe>\n            <h3>{revenda.endereco}</h3>\n\n\n\n          </ContainerEstoque>\n          <Rodape>\n            <span>2020 - Todos direitos reservados</span>\n            <span><a style={{ textDecoration: \"none\", color: \"white\" }} href=\"www.usadofacil.com.br\">Produzido por: Usado Fácil</a></span>\n          </Rodape>\n        </>\n\n      );\n  }\n}\n\nexport default Main;\n","import styled from 'styled-components';\n\n\nimport { CorContainer, CorTelefones } from \"../../customRevenda/custom\";\nexport const Container = styled.div`\n  max-width: 1080px;\n  background-color: ${CorContainer};\n  border-radius: 4px;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  padding: 10px;\n  margin: 150px auto;\n  display: flex;\n  flex-flow: row wrap;\n  height: auto;\n  background-color: whitesmoke;\n`;\n\nexport const ContainerTelefones = styled.div`\n  max-width: 1080px;\n  background-color: ${CorContainer};\n  border-radius: 4px;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n  height: auto;\n  margin: 0 auto;\n  margin-top: -150px;\n  padding-bottom: 50px;\n`;\nexport const Share = styled.div`\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 5px;\n\n`;\nexport const ShareButtons = styled.div`\n  display: flex;\n  flex-flow: row wrap;\n  width: auto;\n  justify-content: space-around;\n  align-items: center;\n  width: 60%;\n\n\n  \n`;\n\n\nexport const ContainerImagens = styled.div`\n    width: 50%;\n    height: auto;\n    @media (max-width:835px) {\n    width: 100%;\n    margin: 0 auto;\n    height: 400px;\n  }\n`;\n\nexport const ContainerDetalhes = styled.div`\n    display: flex;\n    flex-direction:column;\n    justify-content: flex-start;\n    align-items:flex-start;\n    width: 45%;\n    height: auto;\n    margin-left: 40px;\n\n    background-color: whitesmoke;\n    @media (max-width:835px) {\n      margin-top: 300px;\n      overflow: hidden;\n      width: 100%;\n    }\n    @media (max-width:780px) {\n      margin-left: 0px;\n      margin-top: 250px;\n      overflow: hidden;\n      width: 100%;\n      padding-bottom: 60px;\n    }\n    @media (max-width:700px) {\n      margin-top: 200px;\n      padding-bottom: 60px;\n    }\n    @media (max-width:640px) {\n      margin-left: 0px;\n      margin-top: 130px;\n      overflow: hidden;\n      width: 100%;\n    }\n    @media (max-width:550px) {\n      margin-top: 100px;\n      padding-bottom: 60px;\n    }\n    @media (max-width:510px) {\n      margin-top: 30px;\n    }\n    @media (max-width:480px) {\n      margin-top: 60px;\n    }\n    @media (max-width:415px) {\n      margin-top: -40px;\n    }\n    @media (max-width:400px) {\n      margin-top: 0px;\n    }\n    @media (max-width:390px) {\n      margin-top: -60px;\n    }\n    @media (max-width:360px) {\n      margin-top: -50px;\n    }\n    @media (max-width:320px) {\n      margin-top: -90px;\n    }\n`;\n\nexport const LinhaDetalhes = styled.div`\n    font-size: 14px;\n    margin: 5px 0px;\n    padding-left: 5px;\n    display: flex;\n    align-items: flex-start;\n    \n`;\nexport const Dados = styled.span`\n    font-size: 18px;\n    font-weight: bold;\n`;\nexport const Info = styled.span`\n    font-size: 18px;\n    opacity: 0.9;\n    margin-left: 5px;\n`;\n\nexport const ValorVeiculo = styled.span`\n    font-size: 32px;\n    text-transform: uppercase;\n    background-color: gold;\n    text-align: center;\n    width: 100%;\n    margin-top:20px; \n    font-weight: 600;\n`;\n\nexport const TelefonesLoja = styled.ul`\n  list-style: none;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  font-size: 18px;\n  color : black;\n  padding-top: 10px;\n\n  a {\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  a:visited  {\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  a:link{\n    text-decoration: none;\n    font-size: 18px;\n    color: ${CorTelefones};\n  }\n  li {\n    margin: 10px;\n  }\n`;\n\n","import React, { Component } from \"react\";\n\nimport api from '../../services/api';\n\nimport { Loading, HeaderPage, LinkPage, Rodape, TitleSection } from '../Main/style';\n\nimport { ContainerTelefones, ContainerImagens, ContainerDetalhes, Container, Share, ShareButtons, LinhaDetalhes, Dados, Info, ValorVeiculo, TelefonesLoja } from './style';\n\nimport { urlGoogleMaps, idSite } from \"../../customRevenda/custom\";\n\nimport { MdLocalPhone } from \"react-icons/md\";\nimport { FaWhatsapp } from \"react-icons/fa\";\nimport {\n  EmailIcon,\n  FacebookIcon,\n  LinkedinIcon,\n  TwitterIcon,\n  WhatsappIcon,\n\n\n\n} from \"react-share\";\n\nimport logo from \"../../customRevenda/logo/logo.png\";\n\nimport ImageGallery from 'react-image-gallery';\n\nimport NumberFormat from 'react-number-format';\n\nimport './styles.css'\n\n\n\nclass Detalhes extends Component {\n  state = {\n    veiculo: {},\n    loading: true,\n    imagensveiculo: [],\n    compveiculo: [],\n    revenda: {},\n  }\n\n\n  async componentDidMount() {\n    const codVeiculo = this.props.match.params.idVeiculo;\n\n    const [dadosveiculo, detalhes, revenda] = await Promise.all([\n      api.get(`/loja_veiculos_detalhes.asp?id=${codVeiculo}`),\n      api.get(\"/api_componentes.asp\"),\n      api.get(`/loja_sites.asp?idlogin=${idSite}`)\n    ])\n\n    detalhes.data.items[3].descricao = \"Bancos Elétrico\";\n    detalhes.data.items[6].descricao = \"Câmbio Automático\";\n    detalhes.data.items[7].descricao = \"Câmera De Ré\";\n    detalhes.data.items[8].descricao = \"Capota Marítima\";\n    detalhes.data.items[13].descricao = \"Direção Elétrica\";\n    detalhes.data.items[14].descricao = \"Direção Hidráulica\";\n    detalhes.data.items[16].descricao = \"Espelhos Elétricos\";\n    detalhes.data.items[20].descricao = \"Kit Multimídia\";\n    detalhes.data.items[22].descricao = \"Partida Elétrica\";\n    detalhes.data.items[24].descricao = \"Porta Malas Elétrico\";\n    detalhes.data.items[25].descricao = \"Protetor de Caçamba\";\n    detalhes.data.items[26].descricao = \"Retrovisor Elétrico\"\n    detalhes.data.items[30].descricao = \"Trava Elétrica\";\n    detalhes.data.items[33].descricao = \"Vidro Elétrico\"\n    detalhes.data.items[34].descricao = \"Aerofólio\";\n    detalhes.data.items[36].descricao = \"Antena Elétrica\";\n    detalhes.data.items[39].descricao = \"Básico\";\n    detalhes.data.items[40].descricao = \"Baú\";\n    detalhes.data.items[42].descricao = \"Botão Start\";\n    detalhes.data.items[43].descricao = \"Câmbio Automático (CVT)\";\n    detalhes.data.items[44].descricao = \"Cambio Automático (Hidramático)\";\n    detalhes.data.items[45].descricao = \"Câmbio Borboleta\";\n    detalhes.data.items[52].descricao = \"Controle de Tração\";\n    detalhes.data.items[69].descricao = \"Piloto Automático\";\n    detalhes.data.items[77].descricao = \"Suspensao a Ar;\"\n    detalhes.data.items[79].descricao = \"Tapetes de Alumínio\";\n    detalhes.data.items[82].descricao = \"Volante Escamoteável\";\n    detalhes.data.items[84].descricao = \"Xênon\";\n\n\n    console.log(detalhes.data.items)\n    this.setState({\n      veiculo: dadosveiculo.data,\n      loading: false,\n      imagensveiculo: dadosveiculo.data.imagens,\n      revenda: revenda.data.items[0],\n    })\n\n    let cmp = [];\n    for (let i = 0; i < 85; i++) {\n      this.state.veiculo.id_itens.map(item => {\n        if (detalhes.data.items[i].id === item) {\n          cmp.push(detalhes.data.items[i].descricao)\n        }\n        return null\n      })\n    }\n\n    this.setState({ compveiculo: cmp.join(', ') });\n\n\n  }\n\n\n\n  render() {\n    const {\n      veiculo,\n      loading,\n      imagensveiculo,\n      compveiculo,\n      revenda } = this.state\n\n    const imagensv = []\n\n    imagensveiculo.map(item => imagensv.push(\n      {\n        original: `${item}`,\n        thumbnail: `${item}`,\n        sizes: \"640x480\"\n      }))\n\n    if (loading) {\n      return <Loading />\n    } else\n      return (\n\n        <>\n          <HeaderPage>\n            <a href=\"/\"><img src={logo} alt=\"\" /></a>\n            <LinkPage>\n              <li style={{ marginRight: \"100px\" }}>\n                <a href=\"/\">Home</a>\n              </li>\n            </LinkPage>\n          </HeaderPage>\n\n\n          <Container>\n\n            <ContainerImagens>\n              <ImageGallery items={imagensv} />\n            </ContainerImagens>\n\n            <ContainerDetalhes>\n              <LinhaDetalhes>\n                <h1>{veiculo.modelo.toUpperCase()}</h1>\n              </LinhaDetalhes>\n              <LinhaDetalhes>\n                <Dados>Marca:</Dados>\n                <Info>{veiculo.fabricante}</Info>\n              </LinhaDetalhes>\n              <LinhaDetalhes>\n                <Dados>Ano:</Dados>\n                <Info>{veiculo.ano_fabricacao}/{veiculo.ano_modelo}</Info>\n              </LinhaDetalhes>\n              <LinhaDetalhes>\n                <Dados>Cor:</Dados>\n                <Info>{veiculo.cor} </Info>\n              </LinhaDetalhes>\n              {veiculo.observacoes &&\n                <LinhaDetalhes><Dados>Motor:</Dados>\n                  <Info>{veiculo.motor}</Info>\n                </LinhaDetalhes>}\n              {veiculo.observacoes &&\n                <LinhaDetalhes>\n                  <Dados>KM.:</Dados>\n                  <Info>{veiculo.kilometragem}</Info>\n                </LinhaDetalhes>}\n\n              <LinhaDetalhes><Dados>Combustível:</Dados><Info>{veiculo.combustivel}</Info></LinhaDetalhes>\n\n\n              <LinhaDetalhes>\n                <Dados>Ítens:</Dados><Info>{compveiculo}</Info>\n              </LinhaDetalhes>\n              {veiculo.observacoes && <LinhaDetalhes><Dados>Obs.:</Dados><Info>{veiculo.observacoes}</Info></LinhaDetalhes>}\n\n\n\n\n\n              <ValorVeiculo>Valor:\n                <NumberFormat\n                  value={veiculo.valor}\n                  displayType={'text'}\n                  thousandSeparator={'.'}\n                  decimalSeparator={'/'}\n                  prefix={'R$ '}\n                  suffix={',00'} />\n              </ValorVeiculo>\n              <Share>\n                <h3 style={{ color: `red` }}>Compartilhe</h3>\n                <ShareButtons>\n                  <a href=\"#\"><TwitterIcon size={50} /></a>\n                  <a href=\"#\"><WhatsappIcon size={50} /></a>\n                  <a href=\"#\"><FacebookIcon size={50} /></a>\n                  <a href=\"#\"><LinkedinIcon size={50} /></a>\n                  <a href=\"#\"><EmailIcon size={50} /></a>\n                </ShareButtons>\n              </Share>\n\n\n            </ContainerDetalhes>\n\n\n\n          </Container>\n\n\n          <ContainerTelefones>\n            <TitleSection style={{ paddingTop: '20px' }}>\n\n              <MdLocalPhone size={36} />Entre em contato conosco\n\n              </TitleSection>\n\n\n            <TelefonesLoja>\n              {revenda.telefones.map(item => {\n                if (!item.whatsapp) {\n                  let contato = item.telefone.replace(\"-\", \"\");\n                  contato = contato.replace(\" \", \"\");\n                  return <li key={item.telefone}><a href={`tel:${contato}`} >\n                    <MdLocalPhone size={18} />&nbsp;{item.telefone}</a>\n                  </li>\n                } else {\n                  let contatowpp = item.telefone.replace(\"-\", \"\");\n                  contatowpp = contatowpp.replace(\" \", \"\");\n                  return <li key={item.telefone}><a target=\"_blank\" rel=\"noopener noreferrer\"\n                    href={`https://api.whatsapp.com/send?phone=55${contatowpp}`}>\n                    <FaWhatsapp size={18} />&nbsp;{item.telefone}</a></li>\n                }\n              })}\n\n            </TelefonesLoja>\n\n            <iframe title='gmaps' frameBorder=\"0\"\n              style={{ width: \"100%\", height: \"500px\", margin: \"40px 0px 0px 0px\" }}\n              src={urlGoogleMaps}>\n            </iframe>\n            <h3 style={{ paddingLeft: `10px` }}>Avenida Fernando Corrêa da Costa, nº 3430 - Bairro Jardim Shangri-lá (Ao lado do Banco Sicoob) em frente ao posto Free.</h3>\n          </ContainerTelefones>\n\n          <Rodape>\n            <span>2020 - Todos direitos reservados</span>\n            <span>Produzido por: <a href=\"https://www.usadofacil.com.br/\" style={{ color: `white` }}>Usado Fácil</a></span>\n          </Rodape>\n        </>\n\n\n      )\n\n  }\n\n}\n\nexport default Detalhes;","import React from \"react\";\nimport { BrowserRouter, Switch, Route } from \"react-router-dom\";\n\nimport Main from \"./pages/Main\";\nimport Detalhes from \"./pages/Detalhes\";\nfunction Routes() {\n  return (\n    <BrowserRouter>\n      <Switch>\n        <Route path=\"/detalhes/:idVeiculo\" component={Detalhes} />\n        <Route path=\"/\" component={Main} exact />\n      </Switch>\n    </BrowserRouter>\n  );\n}\n\nexport default Routes;\n","import { createGlobalStyle } from \"styled-components\";\n\nimport { CorBackground } from \"../../customRevenda/custom\"\n\n\nexport default createGlobalStyle`\n\n\n@import url('https://fonts.googleapis.com/css?family=Montserrat:800|Roboto:400,500&display=swap');\n\n  * {\n    margin: 0;\n    padding: 0;\n    outline: 0;\n    box-sizing: border-box;\n  }\n  \n  html,body,#root {\n    min-height: 100%;\n  }\n\n  body {\n    background-color : ${CorBackground};\n    -webkit-font-smoothing: antialiased !important;\n  }\n  \n  body,input,button {\n    color: #222;\n    font-size: 14px;\n    font-family: 'Roboto', Arial, Helvetica, sans-serif;\n  }\n  button {\n    cursor: pointer;\n  }\n\n`;","import React from \"react\"\nimport Routes from \"./routes\";\n\nimport GlobalStyle from './pages/styles/global';\n\nfunction App() {\n  return (\n    <>\n      <GlobalStyle />\n      <Routes />\n    </>\n  )\n}\n\nexport default App;","import React from \"react\";\nimport { render } from \"react-dom\";\nimport App from \"./App\";\n\n\nrender(<App />, document.getElementById(\"root\"));\n"],"sourceRoot":""}