From a8248ae1b0d412b72fdc595f73db474375db6b5b Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 29 Aug 2024 23:03:47 +0530
Subject: [PATCH] feat: render text field if selected option custom

---
 src/components/molecules/InterpretationLog.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index f1acf062..314e7fe9 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -190,15 +190,15 @@ export const InterpretationLog = () => {
                       <FormControlLabel value="10" control={<Radio />} label="10" />
                       <FormControlLabel value="100" control={<Radio />} label="100" />
                       <FormControlLabel value="custom" control={<Radio />} label="Custom" />
-                      {customValue && (
-                        <input
-                          type="number"
-                          value={customValue}
-                          onChange={{}}
-                          placeholder="Enter custom value"
-                          style={{ marginLeft: 10 }}
-                        />
-                      )}
+                      {selectedOption === 'custom' && (
+                        <TextField
+                          type="number"
+                          value={customValue}
+                          onChange={handleCustomValueChange}
+                          placeholder="Enter number"
+                          sx={{ marginLeft: '10px', marginTop: '10px', color: 'white' }}
+                        />
+                      )}
                     </RadioGroup>
                   </FormControl>