Merge pull request #116 from sanyamjain04/improved-code-quality

improve code quality

Author: paraswaykole

frontend/src/components/dbfragments/cheatsheet/cheatsheet.tsx

@@ -1,4 +1,3 @@
-import styles from './cheatsheet.module.scss'
 import React, { useRef, useState } from 'react'
 import { DBConnType } from '../../../data/defaults'
 import CheatsheetCommand from './command'

frontend/src/components/dbfragments/query.tsx

@@ -1,7 +1,7 @@
 import styles from './query.module.scss'
 import React, { useContext, useEffect, useState } from 'react'
 import toast from 'react-hot-toast'
-import { DBConnection, DBQuery, DBQueryData, DBQueryResult, Tab } from '../../data/models'
+import { DBConnection, DBQueryData, DBQueryResult, Tab } from '../../data/models'
 import QueryEditor from './queryeditor/queryeditor'
 import { selectDBConnection } from '../../redux/dbConnectionSlice'
 import { useAppDispatch, useAppSelector } from '../../redux/hooks'
@@ -14,10 +14,7 @@ import { closeTab, updateActiveTab } from '../../redux/tabsSlice'
 import TabContext from '../layouts/tabcontext'
 
 
-type DBQueryPropType = {
-}
-
-const DBQueryFragment = (_: DBQueryPropType) => {
+const DBQueryFragment = () => {
 
     const dispatch = useAppDispatch()
 

frontend/src/components/dbfragments/showmodel.tsx

@@ -5,11 +5,7 @@ import { useAppSelector } from '../../redux/hooks'
 import TabContext from '../layouts/tabcontext'
 import DataModel from './datamodel/datamodel'
 
-type DBShowModelPropType = {
-
-}
-
-const DBShowModelFragment = (_: DBShowModelPropType) => {
+const DBShowModelFragment = () => {
 
     const dbConnection: DBConnection | undefined = useAppSelector(selectDBConnection)
     const currentTab: Tab = useContext(TabContext)!

frontend/src/components/dbfragments/table/addmodal.tsx

@@ -2,7 +2,7 @@ import styles from './table.module.scss'
 import React, { useContext, useState } from 'react'
 import { ApiResult, AddDataResponse, DBConnection, DBQueryData, Tab } from '../../../data/models'
 import toast from 'react-hot-toast'
-import { useAppDispatch, useAppSelector } from '../../../redux/hooks'
+import { useAppDispatch } from '../../../redux/hooks'
 import { addDBData, setQueryData } from '../../../redux/dataModelSlice'
 import { DBConnType } from '../../../data/defaults'
 import TabContext from '../../layouts/tabcontext'

frontend/src/components/layouts/applayout.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect } from 'react'
+import React, { FunctionComponent } from 'react'
 import Header from './header'
 import Footer from './footer'
 import Sidebar from './sidebar'
@@ -7,11 +7,7 @@ import { useAppSelector } from '../../redux/hooks';
 import { selectIsShowingSidebar } from '../../redux/configSlice';
 import TabsBar from './tabsbar';
 
-type PageLayoutPropType = {
-
-}
-
-const AppLayout: FunctionComponent<PageLayoutPropType> = () => {
+const AppLayout: FunctionComponent = () => {
 
     const location = useLocation()
 

frontend/src/components/layouts/footer.tsx

@@ -5,10 +5,7 @@ import Constants from '../../constants'
 import { useEffect } from 'react'
 import { checkConnection, selectDBConnection, selectIsDBConnected, getDBDataModels, resetDBDataModels } from '../../redux/dbConnectionSlice'
 
-
-type FooterPropType = {}
-
-const Footer = (_: FooterPropType) => {
+const Footer = () => {
 
     const navigate = useNavigate()
     const location = useLocation()

frontend/src/components/layouts/header.tsx

@@ -10,11 +10,7 @@ import { selectProjects } from '../../redux/projectsSlice'
 import { selectDBConnection } from '../../redux/dbConnectionSlice'
 import utils from '../../lib/utils'
 
-declare var window: any;
-
-type HeaderPropType = {}
-
-const Header = (_: HeaderPropType) => {
+const Header = () => {
 
     let location = useLocation()
     const navigate = useNavigate()

frontend/src/constants.ts

@@ -15,7 +15,7 @@ interface ConstantsType {
 }
 
 declare global {
-    var CONFIG: {
+    const CONFIG: {
         API_HOST: string;
     }
 }

frontend/src/redux/allDBConnectionsSlice.ts

@@ -42,7 +42,7 @@ export const getAllDBConnections = createAsyncThunk(
 
 export const addNewDBConn = createAsyncThunk(
   'allDBConnections/addNewDBConn',
-  async (payload: AddDBConnPayload, { rejectWithValue, getState }: any) => {
+  async (payload: AddDBConnPayload, { rejectWithValue }: any) => {
     const response = await eventService.addNewDBConn(payload)
     if (response.success) {
       const dbConn = response.success ? response.data : null
@@ -60,7 +60,7 @@ export const allDBConnectionSlice = createSlice({
   name: 'allDBConnections',
   initialState,
   reducers: {
-    reset: (state) => initialState
+    reset: () => initialState
   },
   extraReducers: (builder) => {
     builder

frontend/src/redux/projectsSlice.ts

@@ -113,7 +113,7 @@ export const projectsSlice = createSlice({
   name: 'projects',
   initialState,
   reducers: {
-    reset: (state) => initialState
+    reset: () => initialState
   },
   extraReducers: (builder) => {
     builder