11import { useRouter } from 'next/router'
2- import { Descriptions , Image } from 'antd' ;
2+ import { Descriptions , Empty , Image } from 'antd' ;
33import moment from 'moment'
44import styles from '../../transactions/transactionsDetail/tableDetail.module.scss'
55import { BlockDetailProps } from '../../../../models/interface/block'
@@ -14,31 +14,37 @@ const TableDetail = (props: BlockDetailProps) => {
1414 return (
1515 < div className = { styles . tableDetail } >
1616 < Descriptions title = { props . title } column = { 1 } style = { { display : ( props . spinshow ) ? 'block' : 'none' } } >
17- < Descriptions . Item className = { styles . subtitle } > { props . detailData ?. Signature } </ Descriptions . Item >
18- < Descriptions . Item label = 'Height' style = { { border : 'none' } } >
19- < span > { props . detailData ?. Height } </ span >
20- </ Descriptions . Item >
21- < Descriptions . Item label = 'Version' >
22- < span > { props . detailData ?. Version } </ span >
23- </ Descriptions . Item >
24- < Descriptions . Item label = 'Time Stamp' >
25- < span > { props . detailData ?. TimeStamp / VSYS_TIME ? moment ( props . detailData ?. TimeStamp / VSYS_TIME ) . format ( 'YYYY-MM-DD HH:mm:ss' ) : '' } </ span >
26- </ Descriptions . Item >
27- < Descriptions . Item label = 'Generator' >
28- < Link replace href = { '/address/' + props . detailData ?. Generator } > { props . detailData ?. Generator } </ Link >
29- </ Descriptions . Item >
30- < Descriptions . Item label = 'Txs' >
31- < span > { props . detailData ?. Txs } </ span >
32- </ Descriptions . Item >
33- < Descriptions . Item label = 'Block ID' >
34- < span > { props . detailData ?. Signature } </ span >
35- </ Descriptions . Item >
36- < Descriptions . Item label = 'Parent Block ID' >
37- < Link replace href = { '/blocks/' + props . detailData ?. ParentBlockSig } > { props . detailData ?. ParentBlockSig } </ Link >
38- </ Descriptions . Item >
39- < Descriptions . Item label = 'Size' >
40- < span > { props . detailData ?. Size } B</ span >
41- </ Descriptions . Item >
17+ < Descriptions . Item className = { styles . subtitle } style = { { display : props . spinshow && ! props . detailData ?. Height ? 'block' : 'none' } } >
18+ < Empty image = { Empty . PRESENTED_IMAGE_SIMPLE } />
19+ </ Descriptions . Item >
20+ { props . detailData ?. Height && < >
21+ < Descriptions . Item className = { styles . subtitle } > { props . detailData ?. Signature } </ Descriptions . Item >
22+ < Descriptions . Item label = 'Height' style = { { border : 'none' } } >
23+ < span > { props . detailData ?. Height } </ span >
24+ </ Descriptions . Item >
25+ < Descriptions . Item label = 'Version' >
26+ < span > { props . detailData ?. Version } </ span >
27+ </ Descriptions . Item >
28+ < Descriptions . Item label = 'Time Stamp' >
29+ < span > { props . detailData ?. TimeStamp / VSYS_TIME ? moment ( props . detailData ?. TimeStamp / VSYS_TIME ) . format ( 'YYYY-MM-DD HH:mm:ss' ) : '' } </ span >
30+ </ Descriptions . Item >
31+ < Descriptions . Item label = 'Generator' >
32+ < Link replace href = { '/address/' + props . detailData ?. Generator } > { props . detailData ?. Generator } </ Link >
33+ </ Descriptions . Item >
34+ < Descriptions . Item label = 'Txs' >
35+ < span > { props . detailData ?. Txs } </ span >
36+ </ Descriptions . Item >
37+ < Descriptions . Item label = 'Block ID' >
38+ < span > { props . detailData ?. Signature } </ span >
39+ </ Descriptions . Item >
40+ < Descriptions . Item label = 'Parent Block ID' >
41+ < Link replace href = { '/blocks/' + props . detailData ?. ParentBlockSig } > { props . detailData ?. ParentBlockSig } </ Link >
42+ </ Descriptions . Item >
43+ < Descriptions . Item label = 'Size' >
44+ < span > { props . detailData ?. Size } B</ span >
45+ </ Descriptions . Item >
46+ </ >
47+ }
4248 </ Descriptions >
4349 < div className = { styles . spinning } style = { { display : ( ! props . spinshow ) ? 'flex' : 'none' } } >
4450 < Image
0 commit comments