Refactor project (#65)

* refactor(): Remove unused import

* refactor(): test folder name refactoring

.eslintrc.json

@@ -21,7 +21,7 @@
     "react/react-in-jsx-scope": "off",
     "no-unused-vars": "off",
     "no-undef": "off",
-    "no-console": "off",
+    "no-console": "warn",
     "no-empty": "off",
     "no-useless-escape": "off",
     "@typescript-eslint/no-empty-interface": "off",
@@ -31,7 +31,7 @@
     "no-irregular-whitespace": "off",
     "react/no-children-prop": "off",
     "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "error",
     "@typescript-eslint/no-non-null-assertion": "off",
     "@typescript-eslint/ban-types": "off",
     "@typescript-eslint/no-var-requires": "off"

src/assets/mac/Mac.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import React from 'react';
 import { MAC_SVG } from './constants';
 
 const MacIcon = () => {

src/components/MenuList/__Tests__/MenuListComponent.test.tsx → src/components/MenuList/__tests__/MenuListComponent.test.tsx

@@ -1,6 +1,5 @@
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { Menu } from '@chakra-ui/react';
-import { SearchIcon } from '@assets';
 import MenuListComponent from '../MenuListComponent';
 
 describe('MenuList component', () => {

src/components/Modal/Modal.tsx

@@ -1,6 +1,5 @@
 import { Modal, ModalContent, ModalOverlay } from '@chakra-ui/react';
 import { ModalProps } from './types';
-import { useTranslation } from 'react-i18next';
 import { SearchModal } from './Modals';
 import { ModalID } from '@uiStore';
 
@@ -14,8 +13,6 @@ const ModalToShow = ({ modalID }: { modalID: ModalID }) => {
 };
 
 const ModalComponent = ({ isOpen, modalID, onModalClose }: ModalProps) => {
-  const { t } = useTranslation();
-
   return (
     <Modal isOpen={isOpen} onClose={onModalClose}>
       <ModalOverlay />

src/components/TopBarButton/TopBarButton.tsx

@@ -1,4 +1,4 @@
-import { Button, MenuButton, Text } from '@chakra-ui/react';
+import { MenuButton, Text } from '@chakra-ui/react';
 import { TopBarButtonProps } from './types';
 import {
   darkModeColorSelector,

src/components/Window/__tests__/WindowControl.test.tsx

@@ -31,7 +31,7 @@ describe('WindowControl', () => {
   });
 
   it('should trigger maximize on maximize button press', () => {
-    const { container } = render(
+    render(
       <WindowControl
         app={ProgramType.FINDER}
         onMaximizeClick={maximizeClickHandler}

src/components/Window/__tests__/Windows.test.tsx

@@ -1,6 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react';
 import Window from '../Window';
-import exp from 'constants';
 import { ProgramType } from '@processStore';
 
 describe('Windows', () => {

src/hooks/useWindowDimension.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from 'react';
 
 const getWindowDimensions = () => {
-  const { noOfProgram } = { noOfProgram: 1 };
   const { innerWidth: width, innerHeight: height } = window;
   return {
     width: width,

src/providers/modal/ModalProvider.tsx

@@ -1,12 +1,7 @@
 import { useCallback, useEffect } from 'react';
 import { useDisclosure } from '@chakra-ui/react';
 import { ModalComponent } from '@components';
-import {
-  ModalOpenState,
-  uiStore,
-  modalDataSelector,
-  useShallow,
-} from '@uiStore';
+import { ModalOpenState, uiStore, modalDataSelector } from '@uiStore';
 
 import { ModalProviderProps } from './types';
 

src/router/lazyRouting/lazy_screen/public/__tests__/LazyPowerScreen.test.tsx

@@ -1,6 +1,5 @@
 import { render, renderHook, screen, waitFor } from '@testing-library/react';
 import { LazyPowerComponent } from '../LazyPowerScreen';
-import { cleanup } from '@testing-library/react-hooks';
 import { processStore } from '@processStore';
 
 describe('LazyPowerComponent', () => {

src/router/lazyRouting/lazy_screen/public/__tests__/LazyPoweringScreen.test.tsx

@@ -5,7 +5,7 @@ import { renderHook } from '@testing-library/react-hooks';
 
 describe('LazyPoweringComponent', () => {
   it('should render correctly to match snapshot', async () => {
-    const { result } = renderHook(() => uiStore());
+    renderHook(() => uiStore());
     const { container } = render(<LazyPoweringComponent />);
 
     await waitFor(() =>

src/router/routes/private/__tests__/PrivateRoutes.test.tsx

@@ -1,6 +1,5 @@
-import { render, renderHook } from '@testing-library/react';
+import { renderHook } from '@testing-library/react';
 import { privateRouter } from '../PrivateRoutes';
-import { BrowserRouter, RouterProvider } from 'react-router-dom';
 
 describe('PrivateRoutes', () => {
   it('should render the PrivateRoutes component', () => {

src/router/routes/public/__tests__/PublicRoutes.test.tsx

@@ -1,6 +1,5 @@
-import { render, renderHook } from '@testing-library/react';
+import { renderHook } from '@testing-library/react';
 
-import { BrowserRouter, RouterProvider } from 'react-router-dom';
 import { publicRouterPower, publicRouterPowering } from '../PublicRoutes';
 
 describe('Public router', () => {

src/screens/private/Home/BottomBar/BottomBar.tsx

@@ -46,7 +46,6 @@ const BottomBar = (_props: BottomBarProps) => {
       ...activeAppRunningSelector(state),
     })),
   );
-  console.log(allActiveApps);
 
   const runningMiddleApps = getAllAppOtherThanBottomBarApps(
     allActiveApps as ProgramType[],

src/screens/private/Home/BottomBar/__tests__/BottomBar.test.tsx

@@ -19,7 +19,7 @@ describe('BottomBar', () => {
 
   it('should render invoke onclick on launch pad click', async () => {
     const setLaunchpad = jest.fn();
-    const { result } = renderHook(() => processStore());
+    renderHook(() => processStore());
     render(
       <LaunchpadContext.Provider value={{ launchpad: false, setLaunchpad }}>
         <BottomBar />

src/screens/private/Home/BottomBar/components/__tests__/ProgramButton.test.tsx

@@ -31,7 +31,7 @@ describe('Program button', () => {
   });
 
   it('should invoke click handler on program button press', () => {
-    const { container } = render(
+    render(
       <DragDropContext onDragEnd={jest.fn()}>
         <Droppable droppableId="list" direction="horizontal">
           {() => (

src/screens/private/Home/BottomBar/components/constants.ts

@@ -6,7 +6,6 @@ import Terminal from '../../../../../assets/logo/terminal.png';
 import Spotify from '../../../../../assets/logo/spotify.png';
 import Github from '../../../../../assets/logo/github.png';
 import Settings from '../../../../../assets/logo/settings.png';
-import Bin from '../../../../../assets/logo/bin.png';
 import Notes from '../../../../../assets/logo/notes.png';
 import Launchpad from '../../../../../assets/logo/launchpad.png';
 

src/screens/private/Home/BottomBar/utils.ts

@@ -1,6 +1,5 @@
-import { AppState, ProgramType } from '@processStore';
+import { ProgramType } from '@processStore';
 import { ProgramItem } from './type';
-import { BottomBarProgramType } from './components';
 
 export const reorder = (
   list: ProgramItem[],

src/screens/private/Home/TopBar/LeftSideComponents/Apple.tsx

@@ -5,12 +5,7 @@ import {
   MenuListComponent,
   TopBarButton,
 } from '@components';
-import {
-  activeAppActionsSelector,
-  loginSelector,
-  powerSelector,
-  processStore,
-} from '@processStore';
+import { loginSelector, powerSelector, processStore } from '@processStore';
 import {
   darkModeColorSelector,
   settingsStore,

src/screens/private/Home/TopBar/LeftSideComponents/TopAppBarAppMenu/component/__Tests__/MenuBranch.test.tsx → src/screens/private/Home/TopBar/LeftSideComponents/TopAppBarAppMenu/component/__tests__/MenuBranch.test.tsx

@@ -82,19 +82,15 @@ describe('MenuBranch', () => {
   });
 
   it('should trigger item action on clicking with normal type', () => {
-    const { container } = render(
-      <MenuBranch title={'Test'} type={'normal'} items={dummyData} />,
-    );
+    render(<MenuBranch title={'Test'} type={'normal'} items={dummyData} />);
 
     fireEvent.click(screen.getByLabelText('test-1-menu-button'));
 
     expect(actionMockTest1).toHaveBeenCalledTimes(1);
   });
 
   it('should trigger item action when inner menu is clicked with normal type', () => {
-    const { container } = render(
-      <MenuBranch title={'Test'} type={'normal'} items={dummyData} />,
-    );
+    render(<MenuBranch title={'Test'} type={'normal'} items={dummyData} />);
 
     fireEvent.click(screen.getByLabelText('sub-tree-test-1-sub-menu-item'));
 

src/screens/private/Home/TopBar/RightSideComponents/Battery.tsx

@@ -1,12 +1,5 @@
-import { BatteryIcon, MacIcon, SearchIcon } from '@assets';
-import {
-  Box,
-  Menu,
-  MenuDivider,
-  MenuItem,
-  MenuList,
-  Text,
-} from '@chakra-ui/react';
+import { BatteryIcon } from '@assets';
+import { Box, Menu, MenuDivider, Text } from '@chakra-ui/react';
 import {
   MenuItemComponent,
   MenuListComponent,

src/screens/private/Home/TopBar/RightSideComponents/Settings.tsx

@@ -1,15 +1,13 @@
-import { SettingsIcon } from '@assets';
 import { Box, HStack, Menu, VStack } from '@chakra-ui/react';
+import { SettingsIcon } from '@assets';
 import { MenuListComponent, TopBarButton } from '@components';
 import {
   darkModeColorSelector,
   settingsStore,
   useShallow,
 } from '@settingsStore';
-import { useTranslation } from 'react-i18next';
 
 const Settings = () => {
-  const { t } = useTranslation();
   const { iconColor } = settingsStore(useShallow(darkModeColorSelector));
 
   return (

src/screens/private/Home/TopBar/RightSideComponents/__Tests__/DateTimeDrawer.test.tsx → src/screens/private/Home/TopBar/RightSideComponents/__tests__/DateTimeDrawer.test.tsx

@@ -1,7 +1,5 @@
-import { fireEvent, render, renderHook, screen } from '@testing-library/react';
-import Battery from '../Battery';
+import { fireEvent, render, screen } from '@testing-library/react';
 import DateTimeDrawer from '../DateTimeDrawer';
-import { uiStore } from '@uiStore';
 
 describe('DateTime drawer', () => {
   it('should render correctly', () => {

src/screens/private/Home/TopBar/RightSideComponents/__Tests__/Monitor.test.tsx → src/screens/private/Home/TopBar/RightSideComponents/__tests__/Monitor.test.tsx

@@ -2,7 +2,6 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import Monitor from '../Monitor';
 import { renderHook } from '@testing-library/react-hooks';
 import {
-  displayBrightnessSelector,
   displayDarkModeSelector,
   displayNightShiftSelector,
   displayTrueToneSelector,

src/screens/private/Home/TopBar/RightSideComponents/__Tests__/Wifi.test.tsx → src/screens/private/Home/TopBar/RightSideComponents/__tests__/Wifi.test.tsx

@@ -1,7 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react';
 import Wifi from '../Wifi';
-import { settingsStore } from '@settingsStore';
-import { renderHook } from '@testing-library/react-hooks';
 
 describe('Wifi', () => {
   it('should render', () => {

src/screens/private/Home/TopBar/TopBar.tsx

@@ -1,4 +1,4 @@
-import { Box, Text } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react';
 import { TopBarProps } from './type';
 import RightSideIcons from './RightSideIcons';
 import LeftSideIcons from './LeftSideIcons';

src/screens/private/Home/common/components/ProgramButton/ProgramButton.tsx

@@ -1,4 +1,4 @@
-import { Box, Img, Text, Tooltip } from '@chakra-ui/react';
+import { Box, Img, Text } from '@chakra-ui/react';
 import { ProgramButtonProps } from './types';
 import {
   darkModeColorSelector,

src/screens/private/Home/common/components/ProgramButton/types.ts

@@ -1,5 +1,3 @@
-import { ProgramType } from '@processStore';
-
 export type ProgramButtonProps = {
   name: string;
   icon: string;

src/screens/private/program/Github/components/ProjectList1.tsx

@@ -1,5 +1,5 @@
 import { GithubState, appStore, githubSelector } from '@appStore';
-import { Box, Button, ButtonGroup } from '@chakra-ui/react';
+import { Box, Button } from '@chakra-ui/react';
 import { useShallow } from 'zustand/react/shallow';
 
 const projectList = [

src/screens/private/program/Notes/__tests__/Notes.test.tsx

@@ -38,7 +38,7 @@ describe('Notes', () => {
   });
 
   it('should select and deselect on clicking on card', () => {
-    const { result } = renderHook(() => appStore());
+    renderHook(() => appStore());
     const { container } = render(<Notes />);
 
     fireEvent.click(screen.getByLabelText('add-note'));
@@ -52,7 +52,7 @@ describe('Notes', () => {
   });
 
   it('should select all on clicking select all', () => {
-    const { result } = renderHook(() => appStore());
+    renderHook(() => appStore());
     const { container } = render(<Notes />);
     // Adding notes
     fireEvent.click(screen.getByLabelText('add-note'));

src/screens/private/program/Spotify/__tests__/Spotify.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react';
 import Spotify from '../Spotify';
-import { act, renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react-hooks';
 import { appStore, spotifySelector } from '@appStore';
 
 describe('Spotify', () => {

src/screens/public/Lock/component/TopRightComponent.tsx

@@ -8,13 +8,11 @@ import {
   PopoverContent,
   PopoverTrigger,
   Portal,
-  useBoolean,
 } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
 const TopRightComponent = () => {
   const { t } = useTranslation();
-  const [keyboard, keyBoardToggle] = useBoolean();
 
   return (
     <Box

src/store/processStore/selector/Login/__tests__/Login.selector.test.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks';
-import { Power, processStore } from '@processStore';
+import { processStore } from '@processStore';
 import { loginSelector } from '../Login.selector';
 
 describe('Login selector', () => {

src/store/processStore/slice/ActiveApp/__tests__/ActiveApp.slice.test.ts

@@ -1,6 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks';
 import { ProgramType, WindowSize, processStore } from '@processStore';
-import { position } from '@chakra-ui/react';
 
 describe('ActiveApps slice', () => {
   it('should return default ActiveApp state', () => {

src/store/settingsStore/selector/Display/Display.selector.ts

@@ -1,4 +1,3 @@
-import { BottomBar } from 'src/screens/private/Home/BottomBar';
 import { SettingsStoreState } from '../../settingsStore';
 
 const displayBrightnessSelector = (state: SettingsStoreState) => ({

src/store/uiStore/selector/Modal/__tests__/Modal.selector.test.ts

@@ -18,13 +18,6 @@ describe('Modal selector', () => {
   });
 
   it('should return modal state on modal data set using openModal', () => {
-    const modalData: ModalState = {
-      modalID: ModalID.SEARCH,
-      modalData: {
-        onModalClose: onModalCloseMock,
-      },
-      modalOpenState: ModalOpenState.OPEN,
-    };
     const { result: modalResult } = renderHook(() => uiStore(modalSelector));
     const { result: dataResult } = renderHook(() => uiStore(modalDataSelector));
 

src/store/uiStore/slice/Modal/Modal.slice.ts

@@ -1,4 +1,3 @@
-import { warn } from 'console';
 import { UiStoreSlice } from '../../uiStore/types';
 import { ModalState, ModalStateSlice, ModalOpenState, ModalID } from './types';