@@ -34,13 +34,16 @@ export default function ExperimentGenerator({
34
34
const { updateAudienceContext } = useContext ( LoginContext ) ;
35
35
const [ expGenerator , setExpGenerator ] = useState < boolean > ( false ) ;
36
36
const [ progress , setProgress ] = useState < number > ( 0 ) ;
37
- const [ experimentTypeObj , setExperimentTypeObj ] = useState < { experimentType :string , numOfRuns :number } > ( { experimentType :"" , numOfRuns :0 } ) ;
37
+ const [ experimentTypeObj , setExperimentTypeObj ] = useState < {
38
+ experimentType : string ;
39
+ numOfRuns : number ;
40
+ } > ( { experimentType : "" , numOfRuns : 0 } ) ;
38
41
const ldClientError = useLDClientError ( ) ;
39
42
40
- if ( ldClientError ) {
43
+ if ( ldClientError ) {
41
44
alert ( "Error in LaunchDarkly Client" ) ;
42
45
}
43
-
46
+
44
47
const updateContext = async ( ) : Promise < void > => {
45
48
updateAudienceContext ( ) ;
46
49
} ;
@@ -96,11 +99,12 @@ export default function ExperimentGenerator({
96
99
default :
97
100
alert ( "No function exist for feature experimentation" ) ;
98
101
}
99
- setExperimentTypeObj ( { experimentType :"" , numOfRuns :0 } ) ;
100
102
}
101
- } , [ expGenerator ] ) ;
102
-
103
103
104
+ return ( ) => {
105
+ setExperimentTypeObj ( { experimentType : "" , numOfRuns : 0 } ) ;
106
+ } ;
107
+ } , [ expGenerator ] ) ;
104
108
105
109
return (
106
110
< >
@@ -114,10 +118,11 @@ export default function ExperimentGenerator({
114
118
< p className = "font-bold font-sohnelight text-lg" > { title } </ p >
115
119
</ DialogTrigger >
116
120
< DialogContent >
117
- { expGenerator && experimentTypeObj . experimentType !== '' ? (
121
+ { expGenerator && experimentTypeObj . experimentType !== "" ? (
118
122
< div className = "flex justify-center items-center h-52" >
119
123
< div className = " font-bold font-sohne justify-center items-center text-xl text-center" >
120
- Generating Data { capitalizeFirstLetter ( experimentTypeObj . experimentType ) } Experimentation
124
+ Generating Data { capitalizeFirstLetter ( experimentTypeObj . experimentType ) } { " " }
125
+ Experimentation
121
126
< br />
122
127
Running { experimentTypeObj . numOfRuns } runs...
123
128
< br />
@@ -131,19 +136,21 @@ export default function ExperimentGenerator({
131
136
< h2 > { title } </ h2 >
132
137
< div className = "flex gap-x-4" >
133
138
< button
134
- onClick = { ( ) => {
139
+ onClick = { async ( ) => {
140
+ setExperimentTypeObj ( { experimentType : "bayesian" , numOfRuns : 500 } ) ;
141
+
135
142
setExpGenerator ( true ) ;
136
- setExperimentTypeObj ( { experimentType :"bayesian" , numOfRuns :500 } ) ;
137
143
} }
138
144
className = { `mt-2 ${ "bg-gradient-airways" } p-2 rounded-sm hover:brightness-125 text-white` }
139
145
>
140
146
Bayesian Experimentation
141
147
</ button >
142
148
143
149
< button
144
- onClick = { ( ) => {
150
+ onClick = { async ( ) => {
151
+ setExperimentTypeObj ( { experimentType : "frequentist" , numOfRuns : 10000 } ) ;
152
+
145
153
setExpGenerator ( true ) ;
146
- setExperimentTypeObj ( { experimentType :"frequentist" , numOfRuns :10000 } ) ;
147
154
} }
148
155
className = { `mt-2 ${ "bg-gradient-experimentation" } p-2 rounded-sm hover:brightness-125 text-white` }
149
156
>
0 commit comments