@@ -17,16 +17,16 @@ import '@styles/issues.scss';
17
17
export default function BlogIssues ( props : any ) {
18
18
const { repo } = useSite ( ) ;
19
19
const [ isHide , setHide ] = useState ( true ) ;
20
- const data = props . data . issuesJson ;
21
- const labels = data . labels . edges ;
22
- const comments = data . comments . edges ;
23
- const hasComments = comments . length > 0 ;
24
- const isa = data . category . isAnswerable ;
25
- const author = data . author ;
20
+ const data = props ? .data ? .issuesJson || { } ;
21
+ const labels = data . labels ? .edges ;
22
+ const comments = data . comments ? .edges ;
23
+ const hasComments = comments ? .length > 0 ;
24
+ const isa = data ? .category ? .isAnswerable ;
25
+ const author = data ? .author || { } ;
26
26
const pageCxt = props . pageContext ;
27
27
28
28
useEffect ( ( ) => {
29
- setHide ( data . category . isAnswerable ) ;
29
+ setHide ( data . category ? .isAnswerable ) ;
30
30
} , [ ] ) ;
31
31
32
32
return (
@@ -39,13 +39,14 @@ export default function BlogIssues(props: any) {
39
39
</ span >
40
40
</ h1 >
41
41
< div className = "widget" >
42
- < Category data = { data . category } />
43
- { labels . map ( ( { node } : any ) => {
44
- return < Label key = { node . name } data = { node } /> ;
45
- } ) }
42
+ < Category data = { data ?. category } />
43
+ { labels &&
44
+ labels . map ( ( { node } : any ) => {
45
+ return < Label key = { node . name } data = { node } /> ;
46
+ } ) }
46
47
</ div >
47
48
< div >
48
- < Author author = { author } date = { data . updatedAt } />
49
+ < Author author = { author } date = { data ? .updatedAt } />
49
50
< div className = "ques-content" >
50
51
{ isa && (
51
52
< div >
@@ -110,7 +111,7 @@ export default function BlogIssues(props: any) {
110
111
}
111
112
112
113
export const query = graphql `
113
- query DevIssuesQuery ($number: Int!) {
114
+ query GGIssuesQuery ($number: Int!) {
114
115
issuesJson(number: { eq: $number }) {
115
116
id
116
117
title
0 commit comments