22import { useRouter } from 'next/navigation' ;
33import React , { useEffect , useState } from 'react' ;
44import { useParams } from 'next/navigation' ;
5- import Header from '../../../.. /components/Header' ;
6- import Footer from '../../../.. /components/Footer' ;
7- import CrateInfoCard from '../../../.. /components/CrateInfoCard' ;
8- import DependenciesList , { Dependency } from '../../../.. /components/DependenciesList' ;
9- import DependencyGraph , { GraphDependency } from '../../../.. /components/DependencyGraph' ;
10- import VulnerabilitiesList , { Vulnerability } from '../../../.. /components/VulnerabilitiesList' ;
11- import SecurityAdvisories from '../../../.. /components/SecurityAdvisories' ;
12- import BenchmarkResults from '../../../.. /components/BenchmarkResults' ;
13- import VersionsSelector from '../../../.. /components/VersionsSelector' ;
5+ import Header from '@ /components/Header' ;
6+ import Footer from '@ /components/Footer' ;
7+ import CrateInfoCard from '@ /components/CrateInfoCard' ;
8+ import DependenciesList , { Dependency } from '@ /components/DependenciesList' ;
9+ import DependencyGraph from '@ /components/DependencyGraph' ;
10+ import VulnerabilitiesList , { Vulnerability } from '@ /components/VulnerabilitiesList' ;
11+ import SecurityAdvisories from '@ /components/SecurityAdvisories' ;
12+ import BenchmarkResults from '@ /components/BenchmarkResults' ;
13+ import VersionsSelector from '@ /components/VersionsSelector' ;
1414import { CrateInfo } from '@/app/lib/crate_info' ;
1515//异步获取依赖树
1616async function fetchDependencyTree ( name : string , version : string ) {
@@ -36,7 +36,7 @@ const CratePage = () => {
3636 const [ crateInfo , setCrateInfo ] = useState < CrateInfo | null > ( null ) ;
3737 const [ versions , setVersions ] = useState < string [ ] > ( [ ] ) ;
3838 const [ dependencies , setDependencies ] = useState < Dependency [ ] > ( [ ] ) ;
39- const [ graphDependencies , setGraphDependencies ] = useState < GraphDependency > ( ) ;
39+ // const [graphDependencies, setGraphDependencies] = useState<GraphDependency>();
4040 const [ vulnerabilities , setVulnerabilities ] = useState < Vulnerability [ ] > ( [ ] ) ;
4141 const [ benchmarks , setBenchmarks ] = useState < { name : string ; value : string } [ ] > ( [ ] ) ;
4242 const { name, version } = useParams < { name : string ; version : string } > ( ) ;
@@ -74,15 +74,15 @@ const CratePage = () => {
7474 } ) ;
7575
7676
77- } , [ crateName , currentVersion ] ) ;
77+ } , [ crateName , currentVersion , name , version ] ) ;
7878
7979
8080 useEffect ( ( ) => {
8181 async function loadDependencies ( ) {
8282 try {
8383 const graphDep = await fetchDependencyTree ( crateName , currentVersion ) ;
8484 console . log ( graphDep ) ;
85- setGraphDependencies ( graphDep ) ;
85+ // setGraphDependencies(graphDep);
8686 } catch ( error ) {
8787 console . error ( 'Error fetching dependency tree:' , error ) ;
8888 }
@@ -121,12 +121,14 @@ const CratePage = () => {
121121 < VersionsSelector
122122 versions = { versions }
123123 currentVersion = { version }
124- crateName = { crateInfo . name }
124+ // crateName={crateInfo.name}
125125 onVersionChange = { handleVersionChange }
126126 />
127127
128128 < DependenciesList dependencies = { dependencies } onDependencyClick = { handleDependencyClick } />
129- < DependencyGraph crateName = { name } currentVersion = { version } dependencies = { graphDependencies } />
129+ < DependencyGraph crateName = { name } currentVersion = { version }
130+ // dependencies={graphDependencies}
131+ />
130132 </ div >
131133 </ div >
132134 </ main >
0 commit comments