1- import React , { Component } from 'react' ;
1+ import React from 'react' ;
22
33import './about.css' ;
44import cloudstudio from '../../static/cloudstudio.svg' ;
@@ -8,66 +8,41 @@ import tencentcloud from './img/tencentcloud.png';
88import i18n from '../../utils/i18n' ;
99import config from '../../utils/config' ;
1010
11- class About extends Component {
12- state = {
13- width : '100%' ,
14- height : '100%' ,
15- }
11+ const url = window === window . top ? '/changelog' : `${ config . studioOrigin } /changelog` ;
1612
17- render ( ) {
18- const { width, height } = this . state ;
19- const url = window === window . top ? '/changelog' : `${ config . studioOrigin } /changelog` ;
20- return (
21- < div className = "dash-about" style = { { width, height } } >
22- < div className = "up" > </ div >
23- < div className = "center" >
24- < div className = "logo" >
25- < img src = { cloudstudio } alt = "cloudstudio" />
26- < div className = "beta" > beta</ div >
27- </ div >
28- < div className = "desc" >
29- < span className = "version" > V 3.4</ span >
30- < a href = { url } target = "_blank" rel = "noopener noreferrer" > { i18n ( 'global.changelog' ) } </ a >
31- </ div >
13+ const About = ( ) => {
14+ return (
15+ < div className = "dash-about" >
16+ < div className = "up" > </ div >
17+ < div className = "center" >
18+ < div className = "logo" >
19+ < img src = { cloudstudio } alt = "" />
3220 </ div >
33- < div className = "below" >
34- < div className = "produce" >
35- < div className = "corp" >
36- < div className = "role" > { i18n ( 'global.produce' ) } </ div >
37- < a href = "https://coding.net" target = "_blank" rel = "noopener noreferrer" >
38- < img src = { coding } alt = "Coding Logo" />
39- </ a >
40- </ div >
41- < div className = "x" > +</ div >
42- < div className = "corp" >
43- < div className = "role" > { i18n ( 'global.computeSupport' ) } </ div >
44- < a href = "https://cloud.tencent.com/" target = "_blank" rel = "noopener noreferrer" >
45- < img src = { tencentcloud } alt = "Tencent Logo" />
46- </ a >
47- </ div >
21+ < div className = "desc" >
22+ < span className = "version" > V 3.4</ span >
23+ < a href = { url } target = "_blank" rel = "noopener noreferrer" > { i18n ( 'global.changelog' ) } </ a >
24+ </ div >
25+ </ div >
26+ < div className = "below" >
27+ < div className = "produce" >
28+ < div className = "corp" >
29+ < div className = "role" > { i18n ( 'global.produce' ) } </ div >
30+ < a href = "https://coding.net" target = "_blank" rel = "noopener noreferrer" >
31+ < img src = { coding } alt = "" />
32+ </ a >
33+ </ div >
34+ < div className = "x" > +</ div >
35+ < div className = "corp" >
36+ < div className = "role" > { i18n ( 'global.computeSupport' ) } </ div >
37+ < a href = "https://cloud.tencent.com/" target = "_blank" rel = "noopener noreferrer" >
38+ < img src = { tencentcloud } alt = "" />
39+ </ a >
4840 </ div >
49- < div className = "copyright" > Copyright @ 2015-{ new Date ( ) . getFullYear ( ) } . { i18n ( 'global.copyright' ) } </ div >
5041 </ div >
42+ < div className = "copyright" > Copyright @ 2015-{ new Date ( ) . getFullYear ( ) } . { i18n ( 'global.copyright' ) } </ div >
5143 </ div >
52- ) ;
53- }
54-
55- componentDidMount ( ) {
56- this . handleResize ( ) ;
57- window . addEventListener ( 'resize' , this . handleResize ) ;
58- }
59-
60- handleResize = ( ) => {
61- const w = document . documentElement . clientWidth - 60 ;
62- this . setState ( {
63- width : w > 860 - 60 ? w - 200 : w ,
64- height : document . documentElement . clientHeight - 50 - 60 ,
65- } ) ;
66- }
67-
68- componentWillUnmount ( ) {
69- window . removeEventListener ( 'resize' , this . handleResize ) ;
70- }
44+ </ div >
45+ ) ;
7146}
7247
7348export default About ;
0 commit comments