Mattéo Delabre
hace 4 años
Se han modificado 12 ficheros con 188 adiciones y 41 borrados
@ -1,3 +1,4 @@ |
|||
{ |
|||
"presets": ["@babel/preset-env", "@babel/preset-react"] |
|||
"presets": ["@babel/preset-env", "@babel/preset-react"], |
|||
"plugins": ["@babel/plugin-transform-runtime"] |
|||
} |
|||
|
@ -0,0 +1,13 @@ |
|||
import React from 'react'; |
|||
import Graph from './Graph.js'; |
|||
|
|||
|
|||
const ResultsGraph = () => ( |
|||
<Graph |
|||
nodes={Object.keys(nodes)} |
|||
edges={edges} |
|||
render={id => nodes[id].name} |
|||
/> |
|||
); |
|||
|
|||
export default ResultsGraph; |
@ -0,0 +1,37 @@ |
|||
import React, {useState, useEffect} from 'react'; |
|||
import Graph from './Graph.js'; |
|||
import {searchTerms} from './fetch.js'; |
|||
|
|||
const useResults = terms => |
|||
{ |
|||
const [results, setResults] = useState({ |
|||
nodes: {}, |
|||
edges: [] |
|||
}); |
|||
|
|||
useEffect(() => |
|||
{ |
|||
const fetch = async () => |
|||
{ |
|||
setResults(await searchTerms(terms)); |
|||
}; |
|||
|
|||
fetch(); |
|||
}, [terms]); |
|||
|
|||
return results; |
|||
}; |
|||
|
|||
const SearchResults = ({terms}) => |
|||
{ |
|||
const {nodes, edges} = useResults(terms); |
|||
return ( |
|||
<Graph |
|||
nodes={Object.keys(nodes)} |
|||
edges={edges} |
|||
render={id => nodes[id].name} |
|||
/> |
|||
); |
|||
}; |
|||
|
|||
export default SearchResults; |
Cargando…
Referencia en una nueva incidencia