From 8f77ecf1f06ea4fcaefe2ff0ba76ad2ff797e77b Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sun, 8 Sep 2024 14:09:08 +0530
Subject: [PATCH] chore: lint

---
 src/components/organisms/RightSidePanel.tsx | 69 ++++++++++-----------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 89a48679..d73d7ff2 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -255,42 +255,41 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
           </Box>
         )}
         {showLimitOptions && (
-  <FormControl>
-    <FormLabel>
-      <h4>What is the maximum number of rows you want to extract?</h4>
-    </FormLabel>
-    <RadioGroup
-      value={limitType}
-      onChange={(e) => updateLimitType(e.target.value as LimitType)}
-      sx={{ 
-        display: 'flex', 
-        flexDirection: 'column',
-        width: '500px' 
-      }}
-    >
-      <FormControlLabel value="10" control={<Radio />} label="10" />
-      <FormControlLabel value="100" control={<Radio />} label="100" />
-      <div style={{ display: 'flex', alignItems: 'center' }}>
-        <FormControlLabel value="custom" control={<Radio />} label="Custom" />
-        {limitType === 'custom' && (
-          <TextField
-            type="number"
-            value={customLimit}
-            onChange={(e) => updateCustomLimit(e.target.value)}
-            placeholder="Enter number"
-            sx={{
-              marginLeft: '10px',
-              '& input': {
-                padding: '10px',
-              },
-            }}
-          />
+          <FormControl>
+            <FormLabel>
+              <h4>What is the maximum number of rows you want to extract?</h4>
+            </FormLabel>
+            <RadioGroup
+              value={limitType}
+              onChange={(e) => updateLimitType(e.target.value as LimitType)}
+              sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                width: '500px'
+              }}
+            >
+              <FormControlLabel value="10" control={<Radio />} label="10" />
+              <FormControlLabel value="100" control={<Radio />} label="100" />
+              <div style={{ display: 'flex', alignItems: 'center' }}>
+                <FormControlLabel value="custom" control={<Radio />} label="Custom" />
+                {limitType === 'custom' && (
+                  <TextField
+                    type="number"
+                    value={customLimit}
+                    onChange={(e) => updateCustomLimit(e.target.value)}
+                    placeholder="Enter number"
+                    sx={{
+                      marginLeft: '10px',
+                      '& input': {
+                        padding: '10px',
+                      },
+                    }}
+                  />
+                )}
+              </div>
+            </RadioGroup>
+          </FormControl>
         )}
-      </div>
-    </RadioGroup>
-  </FormControl>
-)}
-
         {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
         {getText &&
           <>