Skip to content

Commit e9afc4d

Browse files
devhelprdevhelpr
committed
Disable form fields while loading in BiasSettings and SyntheticDataSettings components
1 parent 05c41c3 commit e9afc4d

File tree

2 files changed

+33
-6
lines changed

2 files changed

+33
-6
lines changed

‎src/components/BiasSettings.tsx‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -170,6 +170,7 @@ export default function BiasSettings({
170170
</div>
171171
<FormField
172172
control={form.control}
173+
disabled={isLoading}
173174
name="file"
174175
render={() => (
175176
<CSVReader onChange={onFileLoad} />
@@ -185,6 +186,7 @@ export default function BiasSettings({
185186
<FormField
186187
control={form.control}
187188
name="targetColumn"
189+
disabled={isLoading}
188190
render={({ field }) => (
189191
<FormItem>
190192
<FormLabel>
@@ -293,6 +295,7 @@ export default function BiasSettings({
293295
step={1}
294296
onValueChange={value => setIter(value)}
295297
className="cursor-pointer"
298+
disabled={isLoading}
296299
/>
297300
</div>
298301
<div className="grid gap-3">
@@ -335,6 +338,7 @@ export default function BiasSettings({
335338
step={1}
336339
onValueChange={value => setClusters(value)}
337340
className="cursor-pointer"
341+
disabled={isLoading}
338342
/>
339343
</div>
340344
<div className="flex flex-col gap-3">
@@ -346,6 +350,7 @@ export default function BiasSettings({
346350
<FormField
347351
control={form.control}
348352
name="whichPerformanceMetricValueIsBetter"
353+
disabled={isLoading}
349354
render={({ field }) => (
350355
<RadioGroup
351356
onValueChange={field.onChange}
@@ -355,7 +360,10 @@ export default function BiasSettings({
355360
>
356361
<FormItem className="flex items-center space-x-3 space-y-0">
357362
<FormControl>
358-
<RadioGroupItem value="lower" />
363+
<RadioGroupItem
364+
value="lower"
365+
disabled={isLoading}
366+
/>
359367
</FormControl>
360368
<FormLabel className="font-normal">
361369
{t(
@@ -365,7 +373,10 @@ export default function BiasSettings({
365373
</FormItem>
366374
<FormItem className="flex items-center space-x-3 space-y-0">
367375
<FormControl>
368-
<RadioGroupItem value="higher" />
376+
<RadioGroupItem
377+
value="higher"
378+
disabled={isLoading}
379+
/>
369380
</FormControl>
370381
<FormLabel className="font-normal">
371382
{t(

‎src/components/SyntheticDataSettings.tsx‎

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,7 @@ export default function SyntheticDataSettings({
137137
<FormField
138138
control={form.control}
139139
name="file"
140+
disabled={isLoading}
140141
render={() => (
141142
<CSVReader onChange={onFileLoad} />
142143
)}
@@ -182,6 +183,7 @@ export default function SyntheticDataSettings({
182183
<FormField
183184
control={form.control}
184185
name="sdgMethod"
186+
disabled={isLoading}
185187
render={({ field }) => (
186188
<RadioGroup
187189
onValueChange={field.onChange}
@@ -191,7 +193,10 @@ export default function SyntheticDataSettings({
191193
>
192194
<FormItem className="flex items-center space-x-3 space-y-0">
193195
<FormControl>
194-
<RadioGroupItem value="cart" />
196+
<RadioGroupItem
197+
value="cart"
198+
disabled={isLoading}
199+
/>
195200
</FormControl>
196201
<FormLabel className="font-normal">
197202
{t(
@@ -201,7 +206,10 @@ export default function SyntheticDataSettings({
201206
</FormItem>
202207
<FormItem className="flex items-center space-x-3 space-y-0">
203208
<FormControl>
204-
<RadioGroupItem value="gc" />
209+
<RadioGroupItem
210+
value="gc"
211+
disabled={isLoading}
212+
/>
205213
</FormControl>
206214
<FormLabel className="font-normal">
207215
{t(
@@ -243,6 +251,7 @@ export default function SyntheticDataSettings({
243251
<FormField
244252
control={form.control}
245253
name="nanTreatment"
254+
disabled={isLoading}
246255
render={({ field }) => (
247256
<RadioGroup
248257
onValueChange={field.onChange}
@@ -251,7 +260,10 @@ export default function SyntheticDataSettings({
251260
>
252261
<FormItem className="flex items-center space-x-3 space-y-0">
253262
<FormControl>
254-
<RadioGroupItem value="drop" />
263+
<RadioGroupItem
264+
value="drop"
265+
disabled={isLoading}
266+
/>
255267
</FormControl>
256268
<FormLabel className="font-normal">
257269
{t(
@@ -261,7 +273,10 @@ export default function SyntheticDataSettings({
261273
</FormItem>
262274
<FormItem className="flex items-center space-x-3 space-y-0">
263275
<FormControl>
264-
<RadioGroupItem value="impute" />
276+
<RadioGroupItem
277+
value="impute"
278+
disabled={isLoading}
279+
/>
265280
</FormControl>
266281
<FormLabel className="font-normal">
267282
{t(
@@ -288,6 +303,7 @@ export default function SyntheticDataSettings({
288303
step={10}
289304
onValueChange={value => setOutputSamples(value)}
290305
className="cursor-pointer"
306+
disabled={isLoading}
291307
/>
292308
</div>
293309
</fieldset>

0 commit comments

Comments
 (0)