From 165e424da2c7115d910f3184457eebf81da7206d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 30 Aug 2024 22:45:49 +0530
Subject: [PATCH] chore: lint

---
 .../molecules/InterpretationLog.tsx           | 126 +++++++++---------
 1 file changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index 6e760097..17247f65 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -153,71 +153,71 @@ export const InterpretationLog = () => {
           <Highlight className="javascript">
             {log}
           </Highlight>
-                <TableContainer component={Paper}>
-                  <Table sx={{ minWidth: 650 }} stickyHeader aria-label="simple table">
-                    <TableHead>
-                      <TableRow>
-                        <TableCell>Dessert (100g serving)</TableCell>
-                        <TableCell align="right">Calories</TableCell>
-                        <TableCell align="right">Fat&nbsp;(g)</TableCell>
-                        <TableCell align="right">Carbs&nbsp;(g)</TableCell>
-                        <TableCell align="right">Protein&nbsp;(g)</TableCell>
-                      </TableRow>
-                    </TableHead>
-                    <TableBody>
-                      {rows.map((row) => (
-                        <TableRow
-                          key={row.name}
-                          sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
-                        >
-                          <TableCell component="th" scope="row">
-                            {row.name}
-                          </TableCell>
-                          <TableCell align="right">{row.calories}</TableCell>
-                          <TableCell align="right">{row.fat}</TableCell>
-                          <TableCell align="right">{row.carbs}</TableCell>
-                          <TableCell align="right">{row.protein}</TableCell>
-                        </TableRow>
-                      ))}
-                    </TableBody>
-                  </Table>
-                </TableContainer>
+          <TableContainer component={Paper}>
+            <Table sx={{ minWidth: 650 }} stickyHeader aria-label="simple table">
+              <TableHead>
+                <TableRow>
+                  <TableCell>Dessert (100g serving)</TableCell>
+                  <TableCell align="right">Calories</TableCell>
+                  <TableCell align="right">Fat&nbsp;(g)</TableCell>
+                  <TableCell align="right">Carbs&nbsp;(g)</TableCell>
+                  <TableCell align="right">Protein&nbsp;(g)</TableCell>
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {rows.map((row) => (
+                  <TableRow
+                    key={row.name}
+                    sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
+                  >
+                    <TableCell component="th" scope="row">
+                      {row.name}
+                    </TableCell>
+                    <TableCell align="right">{row.calories}</TableCell>
+                    <TableCell align="right">{row.fat}</TableCell>
+                    <TableCell align="right">{row.carbs}</TableCell>
+                    <TableCell align="right">{row.protein}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </TableContainer>
 
-                <div style={{ display: 'flex', alignItems: 'flex-start', gap: '200px' }}>
-                  <FormControl>
-                    <FormLabel>
-                      <h4>What is the maximum number of rows you want to extract?</h4>
-                    </FormLabel>
-                    <RadioGroup row value={selectedOption} onChange={handleRadioChange} sx={{ width: '500px' }}>
-                      <FormControlLabel value="10" control={<Radio />} label="10" />
-                      <FormControlLabel value="100" control={<Radio />} label="100" />
-                      <FormControlLabel value="custom" control={<Radio />} label="Custom" />
-                      {selectedOption === 'custom' && (
-                        <TextField
-                          type="number"
-                          value={customValue}
-                          onChange={handleCustomValueChange}
-                          placeholder="Enter number"
-                          sx={{
-                            marginLeft: '10px',
-                            marginTop: '-3px',
-                            '& input': {
-                              padding: '10px',
-                            },
-                          }}
-                        />
-                      )}
-                    </RadioGroup>
-                  </FormControl>
+          <div style={{ display: 'flex', alignItems: 'flex-start', gap: '200px' }}>
+            <FormControl>
+              <FormLabel>
+                <h4>What is the maximum number of rows you want to extract?</h4>
+              </FormLabel>
+              <RadioGroup row value={selectedOption} onChange={handleRadioChange} sx={{ width: '500px' }}>
+                <FormControlLabel value="10" control={<Radio />} label="10" />
+                <FormControlLabel value="100" control={<Radio />} label="100" />
+                <FormControlLabel value="custom" control={<Radio />} label="Custom" />
+                {selectedOption === 'custom' && (
+                  <TextField
+                    type="number"
+                    value={customValue}
+                    onChange={handleCustomValueChange}
+                    placeholder="Enter number"
+                    sx={{
+                      marginLeft: '10px',
+                      marginTop: '-3px',
+                      '& input': {
+                        padding: '10px',
+                      },
+                    }}
+                  />
+                )}
+              </RadioGroup>
+            </FormControl>
 
-                  <div>
-                    <h4>How can we find the next item?</h4>
-                    <p>Select and review the pagination setting this webpage is using</p>
-                    <Button variant="outlined">
-                      Select Pagination Setting
-                    </Button>
-                  </div>
-                </div>
+            <div>
+              <h4>How can we find the next item?</h4>
+              <p>Select and review the pagination setting this webpage is using</p>
+              <Button variant="outlined">
+                Select Pagination Setting
+              </Button>
+            </div>
+          </div>
           <div style={{ float: "left", clear: "both" }}
             ref={logEndRef} />
         </div>