@@ -19,17 +19,20 @@ class App extends Component {
19
19
{ viewport : [ 1050 , 200 ] , slot : [ 1024 , 120 ] }
20
20
] ,
21
21
style : styles . adBorder
22
- }
22
+ } ;
23
23
24
- onClick = ( params ) => {
24
+ onClick = params => {
25
25
if ( params === "refresh" ) {
26
26
Gpt . refresh ( ) ;
27
27
return ;
28
28
}
29
29
let newState ;
30
30
if ( params === "adUnitPath" ) {
31
31
newState = {
32
- adUnitPath : this . state . adUnitPath === "/4595/nfl.test.open" ? "/4595/nfl.test.open/new" : "/4595/nfl.test.open"
32
+ adUnitPath :
33
+ this . state . adUnitPath === "/4595/nfl.test.open"
34
+ ? "/4595/nfl.test.open/new"
35
+ : "/4595/nfl.test.open"
33
36
} ;
34
37
} else if ( params === "targeting" ) {
35
38
newState = {
@@ -40,47 +43,38 @@ class App extends Component {
40
43
} ;
41
44
} else if ( params === "size" ) {
42
45
newState = {
43
- sizeMapping : ( this . state . sizeMapping [ 1 ] . slot [ 1 ] === 50 ) ? [
44
- { viewport : [ 0 , 0 ] , slot : [ 1 , 1 ] } ,
45
- { viewport : [ 340 , 0 ] , slot : [ 300 , 250 ] } ,
46
- { viewport : [ 750 , 200 ] , slot : [ 728 , 90 ] } ,
47
- { viewport : [ 1050 , 200 ] , slot : [ 1024 , 120 ] }
48
- ] : [
49
- { viewport : [ 0 , 0 ] , slot : [ 1 , 1 ] } ,
50
- { viewport : [ 340 , 0 ] , slot : [ 320 , 50 ] } ,
51
- { viewport : [ 750 , 200 ] , slot : [ 728 , 90 ] } ,
52
- { viewport : [ 1050 , 200 ] , slot : [ 1024 , 120 ] }
53
- ]
46
+ sizeMapping :
47
+ this . state . sizeMapping [ 1 ] . slot [ 1 ] === 50
48
+ ? [
49
+ { viewport : [ 0 , 0 ] , slot : [ 1 , 1 ] } ,
50
+ { viewport : [ 340 , 0 ] , slot : [ 300 , 250 ] } ,
51
+ { viewport : [ 750 , 200 ] , slot : [ 728 , 90 ] } ,
52
+ { viewport : [ 1050 , 200 ] , slot : [ 1024 , 120 ] }
53
+ ]
54
+ : [
55
+ { viewport : [ 0 , 0 ] , slot : [ 1 , 1 ] } ,
56
+ { viewport : [ 340 , 0 ] , slot : [ 320 , 50 ] } ,
57
+ { viewport : [ 750 , 200 ] , slot : [ 728 , 90 ] } ,
58
+ { viewport : [ 1050 , 200 ] , slot : [ 1024 , 120 ] }
59
+ ]
54
60
} ;
55
61
}
56
62
this . setState ( newState ) ;
57
- }
63
+ } ;
58
64
59
65
render ( ) {
60
66
return (
61
67
< div >
62
- < Button
63
- params = "refresh"
64
- onClick = { this . onClick }
65
- >
68
+ < Button params = "refresh" onClick = { this . onClick } >
66
69
Refresh
67
70
</ Button >
68
- < Button
69
- params = "adUnitPath"
70
- onClick = { this . onClick }
71
- >
71
+ < Button params = "adUnitPath" onClick = { this . onClick } >
72
72
Change adUnitPath
73
73
</ Button >
74
- < Button
75
- params = "targeting"
76
- onClick = { this . onClick }
77
- >
74
+ < Button params = "targeting" onClick = { this . onClick } >
78
75
Change targeting
79
76
</ Button >
80
- < Button
81
- params = "size"
82
- onClick = { this . onClick }
83
- >
77
+ < Button params = "size" onClick = { this . onClick } >
84
78
Change size mapping
85
79
</ Button >
86
80
< div style = { styles . lb } >
0 commit comments