Merge pull request #50 from fga-eps-mds/development

Sync development para main

.github/workflows/CD.yml

@@ -1,4 +1,3 @@
-
 name: CD
 
 on:
@@ -14,5 +13,7 @@ jobs:
  - uses: akhileshns/[email protected] # This is the action
  with:
  heroku_api_key: ${{secrets.HEROKU_API_KEY}}
- heroku_app_name: "cheeryup-react" #Must be unique in Heroku
- heroku_email: ${{secrets.HEROKU_API_EMAIL}}
+ heroku_app_name: "cheeryup-frontend" #Must be unique in Heroku
+ heroku_email: ${{secrets.HEROKU_API_EMAIL}}
+ branch: "development"
+

src/App.js

@@ -1,7 +1,6 @@
 
 import React from 'react';
 import './App.css';
-import { BrowserRouter , Route, Link} from 'react-router-dom'
 import Routes from './routes';
 
 function App() {

src/auth.js

@@ -0,0 +1,8 @@
+
+export const isAuthenticated = () => {
+ if (localStorage.getItem("access_token")) {
+ return true;
+ } else {
+ return false;
+ }
+};

src/components/About/About.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import '../../style/pages/HomePage/About.css';
-import NavbarAlt from '../Navbar/NavbarAlt'
 
 function About(){
  return(
  <div className='about-content'>
- <div className="upper-content">
+
+ <div className="upper-content">
+ <a href="/">Voltar</a>
  <section className="who-we-are-content">
  <h2 className="who-we-are-title">Quem somos?</h2>
  <p>Cheery Up é um projeto que dá atenção à saúde psicológica da sociedade, 
@@ -31,7 +32,7 @@ function About(){
 
  <div className="img-group">
  <figure className="developer-img">
- <a href="https://github.com/Abraao1231" target="_blank">
+ <a href="https://github.com/Abraao1231" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/abraao-pic.jpg" alt="Foto Abrãao"/>
  </a>
  <div className="middle">
@@ -40,7 +41,7 @@ function About(){
  </figure>
 
  <figure className="developer-img">
- <a href="https://github.com/antoniotoineto" target="_blank">
+ <a href="https://github.com/antoniotoineto" target="_blank" rel='noreferrer'>
  <img className="img-developer image" src="imagens/integrantes/antonio-pic.jpg" alt="Foto Antônio"/>
  </a>
  <div className="middle">
@@ -49,7 +50,7 @@ function About(){
  </figure>
 
  <figure className="developer-img">
- <a href="https://github.com/art1505" target="_blank">
+ <a href="https://github.com/art1505" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/arthur-pic.jpg" alt="Foto Arthur"/>
  </a>
  <div className="middle">
@@ -58,7 +59,7 @@ function About(){
  </figure>
 
  <figure className="developer-img">
- <a href="https://github.com/DaviMatheus" target="_blank">
+ <a href="https://github.com/DaviMatheus" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/davi-pic.jpg" alt="Foto Davi"/>
  </a>
  <div className="middle">
@@ -67,15 +68,15 @@ function About(){
  </figure>
 
  <figure className="developer-img">
- <a href="https://github.com/mibasFerraz" target="_blank">
+ <a href="https://github.com/mibasFerraz" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/lucas-pic.jpg" alt="Foto Lucas"/>
  </a>
  <div className="middle">
  <figcaption>Lucas Ferraz</figcaption>
  </div>
  </figure>
  <figure className="developer-img">
- <a href="https://github.com/fernandes-natanael" target="_blank">
+ <a href="https://github.com/fernandes-natanael" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/natanael-pic.jpg" alt="Foto Natanael"/>
  </a>
  <div className="middle">
@@ -85,7 +86,7 @@ function About(){
 
 
  <figure className="developer-img">
- <a href="https://github.com/NilvanPeres" target="_blank">
+ <a href="https://github.com/NilvanPeres" target="_blank" rel='noreferrer'>
  <img src="imagens/integrantes/nilvan-pic.jpg" alt="Foto Nilvan"/>
  </a>
  <div className="middle">

src/components/Body/Body.js

@@ -1,13 +1,13 @@
-import React, {useState} from 'react';
-import { Button } from '../Button/Button';
+import React from 'react';
 import ButtonCad from '../Button/ButtonCadastro';
 import '../../style/pages/HomePage/Body.css';
-
+import {Fragment} from 'react'
+import Grafico from '../Graficos/GraficoHomePage'
 function Body() {
  return (
  <div className='body-container'>
  <div className='imagem-superior'>
- <img src="/imagens/imagemHome.png" alt="Imagem Logo" width='100%' height='100%'/>
+ <img src="/imagens/imagemHome.png" alt="Imagem Logo" width='100%' height='100%' />
  </div>
  <div className='convite'>
  <h1 className='mensagem'>Faça parte da nossa equipe!</h1>
@@ -21,14 +21,38 @@ function Body() {
  Faça seu Cadastro
  </ButtonCad>
  </div>
- <div className='rodape'>
- <div className='imagem-rodape'>
- <img src="/imagens/github.png" alt="Imagem Logo" width='50' height='50'/>
+ <div className="como-funciona">
+ <div className="mensagem-como-funciona">
+ <h2>Como Funciona</h2>
+ <p>Ao criar sua conta você terá acesso há diversas ferramentas para cadastrar, deletar e editar consultas e dados de seus pacientes,
+ e também acesso a diversos graficos para um melhor monitoramento.</p>
+ </div>
+ <div className="grafico">
+ <Fragment>
+ <Grafico/>
+ </Fragment>
+ </div>
+ </div>
+ <div className="contato">
+ <h2 className="contato-titulo">Contato</h2>
+ <p className="mensagem-titulo">Caso haja qualquer duvida,problema ou queira colaborar com o projeto <br/>basta nos procurar através das plataformas.</p>
+ <div className="imagens">
+ <div className="telegram">
+ <a href="https://t.me/juninhigh"> <img src="/imagens/telegram_logo.png" alt='imagem'/></a>
+ <h2>Telegram</h2>
+
+ </div>
+ <div className="github">
+ <a href="https://github.com/fga-eps-mds/2020.2-CheeryUP"> <img src="/imagens/github_logo.png" alt='imagem'/></a>
+ <h2>Guthub</h2>
+
+ </div>
+
  </div>
  </div>
- 
+
  </div>
- 
+
  )
 }
 

src/components/Graficos/GraficoAvaliacaoConsulta.js

@@ -0,0 +1,179 @@
+import { Pie } from 'react-chartjs-2';
+import api from '../../services/api'
+import { Component } from 'react'
+import "../../style/pages/Graficos/Graficos.css"
+class GraficoAvaliaçãoMediaIndicadores extends Component {
+ // Recupera dados da API
+ state = {
+ consulta: [],
+ }
+
+ async componentDidMount() {
+ const response = await api.get('api/psicologos/davi/pacientes/07483676167/consultas/1/');
+ this.setState({ consulta: response.data });
+ }
+
+ mostraAvaliações(avaliacoes = [], nomeAvaliacao = "") {
+ if (avaliacoes.length === 0) {
+ return <>
+ <div>
+ <h2>{nomeAvaliacao}</h2>
+ <p>Nenhum indicador neste estado</p>
+ </div>
+ </>
+ }
+ return <>
+ <div>
+ <h2>{nomeAvaliacao}</h2> <ul>{avaliacoes.map(avaliacao => <li>{avaliacao}</li>)}</ul>
+ </div>
+ </>;
+ }
+
+
+ editaIndicador(texto = "") {
+ switch (texto) {
+
+ case "problemasPessoais":
+ return "Problemas pessoais"
+
+ case "humor":
+ return "Humor"
+
+ case "estabilidadeDeEmoções":
+ return "Estabilidade de Emoções"
+
+ case "interessePelaVida":
+ return "Interesse pela vida"
+
+ case "capacidadeDeSituaçõesDificeis":
+ return "Capacidade de situações difíceis"
+
+ case "convivioFamiliar":
+ return "Convivio familiar"
+
+ case "energiaSono":
+ return "Energia e sono"
+
+ case "convivioAmigos":
+ return "Convívio entre amigos"
+
+ case "conhecimentoDoenca":
+ return "Conheciemnto da doençã"
+
+ case "criseEspaçoInterior":
+
+ case "exposiçãoRisco":
+ return "Exposição de risco"
+
+ case "qualidadeSono":
+ return "Qualidade do sono"
+
+ case "tentativaSuicidio":
+ return "Tentativa de suicidio"
+
+ case "qualidadeEscuta":
+ return "Qualidade da escuta"
+
+ case "maturidadeEmocional":
+
+
+ case "qualidadeNutritiva":
+ return "Qualidade Nutritiva"
+
+
+ case "autoMedicacao":
+ return "Automedicação"
+
+
+ case "intoleranciaFrustração":
+ return "Intolerância a frustração"
+
+ default:
+ return ""
+
+ }
+
+
+
+
+
+
+
+
+
+
+ }
+
+ render() {
+ // Calcula Media de cada indicador
+ var avaliacao = [0, 0, 0];
+ var avaliacaoBoa = [];
+ var avaliacaoRuim = [];
+ var avaliacaoRegular = [];
+ var { consulta } = this.state
+
+
+ for (var indicador in consulta) {
+ if (indicador !== 'id' && indicador !== 'data' && indicador !== 'produtividade') {
+ if (consulta[indicador] === 1) {
+ avaliacao[0]++;
+ avaliacaoBoa.push(this.editaIndicador(indicador))
+ }
+ else if (consulta[indicador] === -1) {
+ avaliacao[1]++;
+ avaliacaoRuim.push(this.editaIndicador(indicador))
+ }
+ if (consulta[indicador] === 0) {
+ avaliacao[2]++;
+ avaliacaoRegular.push(this.editaIndicador(indicador))
+ }
+ }
+ };
+
+ // Implementação Grafica
+ const data = {
+ labels: ['Bom', 'Ruim', 'Regular'],
+ datasets: [
+ {
+ label: 'Avaliação de consulta',
+ data: avaliacao,
+ fill: false,
+ backgroundColor: [
+ 'rgba(45, 69, 97, 0.7)',
+ 'rgba(255, 66, 58, 0.7)',
+ 'rgba(108, 194, 74, 0.7)',
+ ],
+ borderColor: [
+ 'rgba(45, 69, 97)',
+ 'rgba(249, 66, 58',
+ 'rgba(108, 194, 74)',
+ ],
+ tension: 0.1,
+
+ },
+ ],
+ };
+ return (
+ <>
+ <div>
+ <Pie data={data}
+ width={500}
+ height={500}
+ options={{ maintainAspectRatio: false, }} />
+ </div>
+ <div class="avaliacoes">
+ {this.mostraAvaliações(avaliacaoBoa, "Avaliações Boas")}
+ {this.mostraAvaliações(avaliacaoRuim, "Avaliações Ruins")}
+ {this.mostraAvaliações(avaliacaoRegular, "Avaliações Regulares")}
+ </div>
+
+ </>)
+
+ }
+
+
+}
+
+
+
+export default GraficoAvaliaçãoMediaIndicadores;