Merge pull request #604 from getmaxun/code-cleanup

chore: cleanup

src/components/browser/BrowserTabs.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Box, IconButton, Tab, Tabs } from "@mui/material";
-import { useBrowserDimensionsStore } from "../../context/browserDimensions";
 import { Close } from "@mui/icons-material";
 import { useThemeMode } from '../../context/theme-provider';
 
@@ -36,7 +35,7 @@ export const BrowserTabs = (
       overflow: 'auto',
       alignItems: 'center',
     }}>
-      <Box sx={{ borderBottom: 1, borderColor: 'divider' }}> {/* Synced border color */}
+      <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
         <Tabs
           value={tabIndex}
           onChange={handleChange}
@@ -50,7 +49,7 @@ export const BrowserTabs = (
                   background: 'white',
                   borderRadius: '5px 5px 0px 0px',
                   '&.Mui-selected': {
-                    backgroundColor: ` ${isDarkMode ? "#2a2a2a" : "#f5f5f5"}`, // Synced selected tab color
+                    backgroundColor: ` ${isDarkMode ? "#2a2a2a" : "#f5f5f5"}`,
                     color: '#ff00c3', // Slightly lighter text when selected
                   },
                 }}

src/components/proxy/ProxyForm.tsx

@@ -21,7 +21,6 @@ import {
 } from '@mui/material';
 import { sendProxyConfig, getProxyConfig, testProxyConfig, deleteProxyConfig } from '../../api/proxy';
 import { useGlobalInfoStore } from '../../context/globalInfo';
-import { useThemeMode } from '../../context/theme-provider';
 import { useTranslation } from 'react-i18next';
 
 const FormContainer = styled(Box)({

src/components/recorder/AddWhatCondModal.tsx

@@ -1,7 +1,7 @@
 import { WhereWhatPair } from "maxun-core";
 import { GenericModal } from "../ui/GenericModal";
 import { modalStyle } from "./AddWhereCondModal";
-import { Button, MenuItem, TextField, Typography } from "@mui/material";
+import { Button, TextField, Typography } from "@mui/material";
 import React, { useRef } from "react";
 import { KeyValueForm } from "./KeyValueForm";
 import { ClearButton } from "../ui/buttons/ClearButton";

src/components/robot/RecordingsTable.tsx

@@ -21,10 +21,7 @@ import {
   Menu,
   ListItemIcon,
   ListItemText,
-  CircularProgress,
-  RadioGroup,
   FormControlLabel,
-  Radio,
   Checkbox,
 } from "@mui/material";
 import {

src/components/ui/buttons/buttons.tsx

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { useThemeMode } from '../../../context/theme-provider';
 
 export const NavBarButton = styled.button<{ disabled: boolean, mode: 'light' | 'dark' }>`
     margin-left: 10px;

src/helpers/coordinateMapper.ts

@@ -1,4 +1,3 @@
-// coordinateMapper.ts
 import { BROWSER_DEFAULT_HEIGHT, BROWSER_DEFAULT_WIDTH } from "../constants/const";
 import { getResponsiveDimensions } from "./dimensionUtils";
 

src/helpers/inputHelpers.ts

@@ -1,8 +1,6 @@
 import {
   ONE_PERCENT_OF_VIEWPORT_H,
   ONE_PERCENT_OF_VIEWPORT_W,
-  VIEWPORT_W,
-  VIEWPORT_H,
 } from "../constants/const";
 import { Coordinates } from '../components/recorder/canvas';