diff --git a/src/componets/IndicadorCardGraph.tsx b/src/componets/IndicadorCardGraph.tsx
index e29aaff..13e70a2 100644
--- a/src/componets/IndicadorCardGraph.tsx
+++ b/src/componets/IndicadorCardGraph.tsx
@@ -1,17 +1,53 @@
+import Api from "../Api";
import LineGraph from "./LineGraph";
+import { useEffect, useState } from 'react';
type IndicadorCardGraphProps = {
indicador: {
+ id: string,
nome: string,
- meses: string[],
- meta: number[],
- supermeta: number[],
- desafio: number[]
+ //eh recebido todas informacoes de indicador
+ //mas so essas sao usada
}
}
+//o tipo recebido é esse:
+/*
+export interface indicatorType {
+ id: string
+ nome: string
+ unidade_medida: string
+ descricao: string
+ data_deadline: Date
+ idGestor: string
+ }
+*/
+
export default function IndicadorCardGraph({ indicador }: IndicadorCardGraphProps) {
+
+ const [cat, setCat] = useState<[][]>([]);
+
+ useEffect(() => {
+
+ try{
+ Api.get('metas-mes-indicador/'+indicador.id).then(res =>{
+ const aux = res.data;
+ setCat(aux);
+
+ })
+ } catch (error) {
+ console.log(error)
+ }
+
+ }, [])
+
+
+
+
+
+
return (
+
diff --git a/src/componets/LineGraph.tsx b/src/componets/LineGraph.tsx
index 15adfe8..6b8e355 100644
--- a/src/componets/LineGraph.tsx
+++ b/src/componets/LineGraph.tsx
@@ -1,39 +1,47 @@
import Plot from 'react-plotly.js';
-//import { metasMesIndicadorType } from '../types';
+
type LineGraphProps = {
- indicador: {
- meses: string[],
- meta: number[],
- supermeta: number[],
- desafio: number[]
+ mmsdInd: [][]
+ // mmsdInd significa Meses, Mestas, Super-metas, Desafios por Indicadores
+ /*
+ mmsdInd: {
+ esses valores sao referentes a um indicador
+ mmsdInd[0] = mese_ano: string[], todos o meses_anos
+ mmsdInd[1] = meta: number[], valor de metas batidas de cada mes
+ mmsdInd[2] = supermeta: number[], valor de super-metas batidas de cada mes
+ mmsdInd[3] = desafio: number[] valor de metas batidas de cada mes
}
+ */
}
-export default function LineGraph({ indicador }: LineGraphProps) {
+export default function LineGraph({ mmsdInd }: LineGraphProps) {
+
+ //console.log(mmsdInd.desafio)
+
return (