From 13f5d258dc3d5399c69cef07f18c5ef8f393a7d8 Mon Sep 17 00:00:00 2001 From: "Ibrahima G. Coulibaly" Date: Wed, 26 Jun 2024 09:02:05 +0100 Subject: [PATCH] refactor: optimize imports --- src/components/Navbar/index.tsx | 5 ++--- src/components/ToolHeader.tsx | 2 +- src/components/allTools/ToolCard.tsx | 2 +- src/components/examples/ExampleCard.tsx | 4 ++-- src/components/input/ToolFileInput.tsx | 2 +- src/components/input/ToolTextInput.tsx | 6 +----- src/components/options/ColorSelector.tsx | 2 +- src/components/options/RadioWithTextField.tsx | 6 +----- src/components/result/ToolTextResult.tsx | 6 +----- src/config/routesConfig.tsx | 3 +-- src/pages/home/index.tsx | 2 +- src/pages/number/generate/generate.service.test.ts | 2 +- src/pages/number/sum/sum.service.test.ts | 2 +- src/pages/string/join/string-join.e2e.spec.ts | 2 +- src/pages/string/join/string-join.service.test.ts | 2 +- src/pages/string/split/index.tsx | 9 ++------- src/pages/string/split/string-split.service.test.ts | 2 +- src/pages/string/to-morse/to-morse.service.test.ts | 2 +- src/pages/tools-by-category/index.tsx | 13 ++----------- src/tools/defineTool.tsx | 2 +- 20 files changed, 24 insertions(+), 52 deletions(-) diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx index 881e548..14abec3 100644 --- a/src/components/Navbar/index.tsx +++ b/src/components/Navbar/index.tsx @@ -8,12 +8,11 @@ import MenuIcon from '@mui/icons-material/Menu'; import { Link, useNavigate } from 'react-router-dom'; import githubIcon from '@assets/github-mark.png'; // Adjust the path to your GitHub icon import { - Stack, Drawer, List, - ListItem, + ListItemButton, ListItemText, - ListItemButton + Stack } from '@mui/material'; import useMediaQuery from '@mui/material/useMediaQuery'; import { useTheme } from '@mui/material/styles'; diff --git a/src/components/ToolHeader.tsx b/src/components/ToolHeader.tsx index eebb1d9..c6d529d 100644 --- a/src/components/ToolHeader.tsx +++ b/src/components/ToolHeader.tsx @@ -1,4 +1,4 @@ -import { Button, Box, Stack } from '@mui/material'; +import { Box, Button } from '@mui/material'; import Typography from '@mui/material/Typography'; import ToolBreadcrumb from './ToolBreadcrumb'; import { capitalizeFirstLetter } from '../utils/string'; diff --git a/src/components/allTools/ToolCard.tsx b/src/components/allTools/ToolCard.tsx index 7a2dc98..763a5e0 100644 --- a/src/components/allTools/ToolCard.tsx +++ b/src/components/allTools/ToolCard.tsx @@ -1,4 +1,4 @@ -import { Box, Link, Card, CardContent, Typography } from '@mui/material'; +import { Box, Card, CardContent, Link, Typography } from '@mui/material'; import { ToolCardProps } from './AllTools'; import ChevronRightIcon from '@mui/icons-material/ChevronRight'; import { useNavigate } from 'react-router-dom'; diff --git a/src/components/examples/ExampleCard.tsx b/src/components/examples/ExampleCard.tsx index e756fa5..32126bc 100644 --- a/src/components/examples/ExampleCard.tsx +++ b/src/components/examples/ExampleCard.tsx @@ -1,11 +1,11 @@ import { ExampleCardProps } from './Examples'; import { Box, - Stack, Card, CardContent, - Typography, + Stack, TextField, + Typography, useTheme } from '@mui/material'; import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'; diff --git a/src/components/input/ToolFileInput.tsx b/src/components/input/ToolFileInput.tsx index 64f4128..67ba26c 100644 --- a/src/components/input/ToolFileInput.tsx +++ b/src/components/input/ToolFileInput.tsx @@ -1,4 +1,4 @@ -import { Box, styled, TextField, useTheme } from '@mui/material'; +import { Box, useTheme } from '@mui/material'; import Typography from '@mui/material/Typography'; import React, { useContext, useEffect, useRef, useState } from 'react'; import InputHeader from '../InputHeader'; diff --git a/src/components/input/ToolTextInput.tsx b/src/components/input/ToolTextInput.tsx index ee16193..6222db6 100644 --- a/src/components/input/ToolTextInput.tsx +++ b/src/components/input/ToolTextInput.tsx @@ -1,8 +1,4 @@ -import { Box, Stack, TextField } from '@mui/material'; -import Typography from '@mui/material/Typography'; -import Button from '@mui/material/Button'; -import PublishIcon from '@mui/icons-material/Publish'; -import ContentPasteIcon from '@mui/icons-material/ContentPaste'; +import { Box, TextField } from '@mui/material'; import React, { useContext, useRef } from 'react'; import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext'; import InputHeader from '../InputHeader'; diff --git a/src/components/options/ColorSelector.tsx b/src/components/options/ColorSelector.tsx index 0a6cb1e..b3c2fb3 100644 --- a/src/components/options/ColorSelector.tsx +++ b/src/components/options/ColorSelector.tsx @@ -1,4 +1,4 @@ -import React, { useState, ChangeEvent, useRef } from 'react'; +import React, { ChangeEvent, useRef, useState } from 'react'; import { Box, Stack, TextField } from '@mui/material'; import PaletteIcon from '@mui/icons-material/Palette'; import IconButton from '@mui/material/IconButton'; diff --git a/src/components/options/RadioWithTextField.tsx b/src/components/options/RadioWithTextField.tsx index 75ce672..4f08ecc 100644 --- a/src/components/options/RadioWithTextField.tsx +++ b/src/components/options/RadioWithTextField.tsx @@ -1,10 +1,6 @@ -import { SplitOperatorType } from '../../pages/string/split/service'; -import { Box, Stack } from '@mui/material'; -import { Field } from 'formik'; -import Typography from '@mui/material/Typography'; +import { Box } from '@mui/material'; import React from 'react'; import TextFieldWithDesc from './TextFieldWithDesc'; -import { globalDescriptionFontSize } from '../../config/uiConfig'; import SimpleRadio from './SimpleRadio'; const RadioWithTextField = ({ diff --git a/src/components/result/ToolTextResult.tsx b/src/components/result/ToolTextResult.tsx index b279be0..2a5e596 100644 --- a/src/components/result/ToolTextResult.tsx +++ b/src/components/result/ToolTextResult.tsx @@ -1,8 +1,4 @@ -import Typography from '@mui/material/Typography'; -import { Box, Stack, TextField } from '@mui/material'; -import Button from '@mui/material/Button'; -import DownloadIcon from '@mui/icons-material/Download'; -import ContentPasteIcon from '@mui/icons-material/ContentPaste'; +import { Box, TextField } from '@mui/material'; import React, { useContext } from 'react'; import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext'; import InputHeader from '../InputHeader'; diff --git a/src/config/routesConfig.tsx b/src/config/routesConfig.tsx index a68b548..78f47e6 100644 --- a/src/config/routesConfig.tsx +++ b/src/config/routesConfig.tsx @@ -1,5 +1,4 @@ -import { RouteObject } from 'react-router-dom'; -import { Navigate } from 'react-router-dom'; +import { Navigate, RouteObject } from 'react-router-dom'; import { lazy } from 'react'; const Home = lazy(() => import('../pages/home')); diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx index 6944217..8aa6f70 100644 --- a/src/pages/home/index.tsx +++ b/src/pages/home/index.tsx @@ -1,4 +1,4 @@ -import { Box, Card, CardContent, Stack } from '@mui/material'; +import { Box, Card, CardContent } from '@mui/material'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import { Link, useNavigate } from 'react-router-dom'; diff --git a/src/pages/number/generate/generate.service.test.ts b/src/pages/number/generate/generate.service.test.ts index 4fbbcf8..75bd932 100644 --- a/src/pages/number/generate/generate.service.test.ts +++ b/src/pages/number/generate/generate.service.test.ts @@ -1,5 +1,5 @@ // Import necessary modules and functions -import { describe, it, expect } from 'vitest'; +import { describe, expect, it } from 'vitest'; import { listOfIntegers } from './service'; // Define test cases for the listOfIntegers function diff --git a/src/pages/number/sum/sum.service.test.ts b/src/pages/number/sum/sum.service.test.ts index 1a3b21b..944a28a 100644 --- a/src/pages/number/sum/sum.service.test.ts +++ b/src/pages/number/sum/sum.service.test.ts @@ -1,4 +1,4 @@ -import { describe, it, expect } from 'vitest'; +import { describe, expect, it } from 'vitest'; import { compute } from './service'; describe('compute function', () => { diff --git a/src/pages/string/join/string-join.e2e.spec.ts b/src/pages/string/join/string-join.e2e.spec.ts index 9bf8eee..13b7e0d 100644 --- a/src/pages/string/join/string-join.e2e.spec.ts +++ b/src/pages/string/join/string-join.e2e.spec.ts @@ -1,4 +1,4 @@ -import { test, expect } from '@playwright/test'; +import { expect, test } from '@playwright/test'; test.describe('JoinText Component', () => { test.beforeEach(async ({ page }) => { diff --git a/src/pages/string/join/string-join.service.test.ts b/src/pages/string/join/string-join.service.test.ts index 6e17f28..c2a90c0 100644 --- a/src/pages/string/join/string-join.service.test.ts +++ b/src/pages/string/join/string-join.service.test.ts @@ -1,4 +1,4 @@ -import { describe, it, expect } from 'vitest'; +import { describe, expect, it } from 'vitest'; import { mergeText } from './service'; describe('mergeText', () => { diff --git a/src/pages/string/split/index.tsx b/src/pages/string/split/index.tsx index ca2eef5..4c660b0 100644 --- a/src/pages/string/split/index.tsx +++ b/src/pages/string/split/index.tsx @@ -1,18 +1,13 @@ -import { Box, Stack } from '@mui/material'; -import Grid from '@mui/material/Grid'; -import React, { useContext, useEffect, useState } from 'react'; +import { Box } from '@mui/material'; +import React, { useState } from 'react'; import ToolTextInput from '../../../components/input/ToolTextInput'; import ToolTextResult from '../../../components/result/ToolTextResult'; -import { Formik, useFormikContext } from 'formik'; import * as Yup from 'yup'; import ToolOptions from '../../../components/options/ToolOptions'; import { compute, SplitOperatorType } from './service'; -import { CustomSnackBarContext } from '../../../contexts/CustomSnackBarContext'; import RadioWithTextField from '../../../components/options/RadioWithTextField'; import TextFieldWithDesc from '../../../components/options/TextFieldWithDesc'; -import ToolOptionGroups from '../../../components/options/ToolOptionGroups'; import ToolInputAndResult from '../../../components/ToolInputAndResult'; -import CheckboxWithDesc from '../../../components/options/CheckboxWithDesc'; const initialValues = { splitSeparatorType: 'symbol' as SplitOperatorType, diff --git a/src/pages/string/split/string-split.service.test.ts b/src/pages/string/split/string-split.service.test.ts index 4917cdc..b1fe297 100644 --- a/src/pages/string/split/string-split.service.test.ts +++ b/src/pages/string/split/string-split.service.test.ts @@ -1,4 +1,4 @@ -import { describe, it, expect } from 'vitest'; +import { describe, expect, it } from 'vitest'; import { compute } from './service'; describe('compute function', () => { diff --git a/src/pages/string/to-morse/to-morse.service.test.ts b/src/pages/string/to-morse/to-morse.service.test.ts index 6f87b54..3575ebd 100644 --- a/src/pages/string/to-morse/to-morse.service.test.ts +++ b/src/pages/string/to-morse/to-morse.service.test.ts @@ -1,4 +1,4 @@ -import { describe, it, expect } from 'vitest'; +import { describe, expect, it } from 'vitest'; import { compute } from './service'; describe('compute function', () => { diff --git a/src/pages/tools-by-category/index.tsx b/src/pages/tools-by-category/index.tsx index cabd8a3..5687703 100644 --- a/src/pages/tools-by-category/index.tsx +++ b/src/pages/tools-by-category/index.tsx @@ -1,18 +1,9 @@ -import { - Box, - Card, - CardContent, - Divider, - Stack, - useTheme -} from '@mui/material'; +import { Box, Divider, Stack, useTheme } from '@mui/material'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import { Link, useNavigate, useParams } from 'react-router-dom'; -import { getToolsByCategory, tools } from '../../tools'; -import Button from '@mui/material/Button'; +import { getToolsByCategory } from '../../tools'; import Hero from 'components/Hero'; -import AllTools from '../../components/allTools/AllTools'; import { capitalizeFirstLetter } from '../../utils/string'; import toolsPng from '@assets/tools.png'; diff --git a/src/tools/defineTool.tsx b/src/tools/defineTool.tsx index 41d34a2..2eb86ca 100644 --- a/src/tools/defineTool.tsx +++ b/src/tools/defineTool.tsx @@ -1,5 +1,5 @@ import ToolLayout from '../components/ToolLayout'; -import React, { LazyExoticComponent, JSXElementConstructor } from 'react'; +import React, { JSXElementConstructor, LazyExoticComponent } from 'react'; interface ToolOptions { path: string;