@@ -2,7 +2,7 @@ import { useLocation } from "@docusaurus/router";
2
2
import { useColorMode } from '@docusaurus/theme-common' ;
3
3
import { urls } from "@site/src/constants" ;
4
4
import { React , useEffect , useState } from "react" ;
5
- import { gql , useQuery , useApolloClient } from '@apollo/client' ;
5
+ import { gql , useApolloClient , useLazyQuery , useQuery } from '@apollo/client' ;
6
6
7
7
const GET_USER = gql `
8
8
query {
@@ -41,19 +41,19 @@ const GET_TEAMS = gql`
41
41
` ;
42
42
43
43
export default function MaintainerDashboard ( ) {
44
- // const {loading, error, data} = useQuery(GET_USER);
45
- // if (loading) return 'Loading...';
46
- // if (error) return `Error! ${error.message}`;
44
+ const user = useQuery ( GET_USER ) ;
47
45
48
- // const login = data.viewer.login ;
46
+ const [ getTeams , teamData ] = useLazyQuery ( GET_TEAMS ) ;
49
47
50
- const login = "zklaus" ;
48
+ useEffect ( ( ) => {
49
+ if ( user ?. data ?. viewer ?. login ) {
50
+ getTeams ( { variables : { login : user . data . viewer . login } } ) ;
51
+ }
52
+ } , [ user ] ) ;
51
53
52
- const { loading, error, data} = useQuery ( GET_TEAMS , { variables : { login } } ) ;
53
- if ( loading ) return 'Loading...' ;
54
- if ( error ) return `Error! ${ error . message } ` ;
54
+ if ( teamData . loading || ! teamData . called ) return 'Loading...' ;
55
55
56
- const all_teams = data . organization . teams . nodes ;
56
+ const all_teams = teamData . data . organization . teams . nodes ;
57
57
const empty_teams = all_teams . filter ( team => team . repositories . edges . length === 0 ) ;
58
58
const overfull_teams = all_teams . filter ( team => team . repositories . edges . length > 1 ) ;
59
59
const regular_teams = all_teams . filter ( team => (
0 commit comments