npx eslint src --quiet hatalar kontrol edildi

ui/src/components/template/SidePanel/SidePanel.tsx

@@ -3,7 +3,7 @@ import Drawer from '@/components/ui/Drawer'
 import SidePanelContent, { SidePanelContentProps } from './SidePanelContent'
 import CopyButton from '../ThemeConfigurator/CopyButton'
 import withHeaderItem from '@/utils/hoc/withHeaderItem'
-import { useStoreState, useStoreActions } from '@/store'
+import { useStoreActions, useStoreState } from '@/store'
 import type { CommonProps } from '@/proxy/common'
 import { useLocalization } from '@/utils/hooks/useLocalization'
 import { FcEngineering } from 'react-icons/fc'

ui/src/components/template/StackedSideNav/StackedSideNavMini.tsx

@@ -16,8 +16,7 @@ import {
 import { useStoreState } from '@/store'
 import useMenuActive from '@/utils/hooks/useMenuActive'
 import isEmpty from 'lodash/isEmpty'
-import React from 'react'
+import React, { useEffect } from 'react'
-import { useEffect } from 'react'
 import { FaQuestionCircle } from 'react-icons/fa'
 import { Link, useLocation } from 'react-router-dom'
 

ui/src/components/ui/Breadcrumb/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
     Children,
     cloneElement,
     forwardRef,

ui/src/components/ui/Checkbox/context.tsx

@@ -1,4 +1,4 @@
-import { createContext } from 'react'
+import React, { createContext } from 'react'
 
 export type CheckboxValue = string | number
 export type CheckboxGroupValue = CheckboxValue[]

ui/src/components/ui/ColorPicker/ColorPicker.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
     forwardRef,
     useState,
     useRef,

ui/src/components/ui/DatePicker/tables/DateTable.tsx

@@ -9,6 +9,7 @@ import type { CommonProps } from '../../@types/common'
 import type { MonthBaseProps } from './components/Month'
 import type { DayKeydownPayload } from './components/types'
 import type { RefObject } from 'react'
+import React from 'react'
 
 export interface DateTableProps extends CommonProps, MonthBaseProps {
     dateViewCount: number

ui/src/components/ui/Knob/Knob.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
     forwardRef,
     useState,
     useRef,

ui/src/components/ui/Marquee/Marquee.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
     forwardRef,
     useRef,
     useState,

ui/src/components/ui/Pagination/Pagers.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useMemo } from 'react'
+import React, { useState, useEffect, useCallback, useMemo } from 'react'
 import classNames from 'classnames'
 import { FaChevronCircleLeft, FaEllipsisH, FaChevronCircleRight } from 'react-icons/fa';
 

ui/src/components/ui/Rate/Rate.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
     forwardRef,
     useState,
     useCallback,

ui/src/components/ui/hooks/useControllableState.ts

@@ -1,4 +1,4 @@
-import { useState, useCallback, useRef, useEffect } from 'react'
+import React, { useState, useCallback, useRef, useEffect } from 'react'
 import useCallbackRef from './useCallbackRef'
 
 type UseControllableStateParams<T> = {

ui/src/utils/hooks/useTimeOutMessage.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 
 function useTimeOutMessage(
   interval = 3000,

ui/src/views/admin/organization-unit/OrganizationUnits.tsx

@@ -383,7 +383,7 @@ const OrganizationUnits = () => {
     }
   }
 
-  const Node = memo(({ node, style, dragHandle }: NodeRendererProps<any>) => {
+  const Node = memo(function Node({ node, style, dragHandle }: NodeRendererProps<any>) {
     return (
       <div
         className={classNames(

ui/src/views/list/Grid.tsx

@@ -604,7 +604,7 @@ const Grid = (props: GridProps) => {
         .map((f) => f.fieldName)
       const filteredData: any = {}
       for (const key of allowedFields) {
-        if (e.data.hasOwnProperty(key) && key) {
+        if (key && Object.prototype.hasOwnProperty.call(e.data, key)) {
           filteredData[key] = e.data[key]
         }
       }

ui/src/views/list/GridExtraFilterToolbar.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import React, { useState } from 'react'
 import { GridExtraFilterState } from './Utils'
 import { useLocalization } from '@/utils/hooks/useLocalization'
 

ui/src/views/list/Utils.ts

@@ -149,19 +149,15 @@ export function pivotFieldConvertDataType(fieldDbType?: DataType): PivotGridData
 
 export function setGridPanelColor(color: any) {
   //DataGrid icin
-  const pnlGrid = document.getElementsByClassName(
+  const pnlGrid = document.querySelector<HTMLElement>('.dx-datagrid-header-panel')
-    'dx-datagrid-header-panel',
+  if (pnlGrid) {
-  ) as HTMLCollectionOf<HTMLElement>
+    pnlGrid.style.borderBottom = `3px solid ${color}`
-  if (pnlGrid?.length) {
-    pnlGrid[0].style.borderBottom = `3px solid ${color}`
   }
 
   //TreeList icin
-  const pnlTree = document.getElementsByClassName(
+  const pnlTree = document.querySelector<HTMLElement>('.dx-treelist-header-panel')
-    'dx-treelist-header-panel',
+  if (pnlTree) {
-  ) as HTMLCollectionOf<HTMLElement>
+    pnlTree.style.borderBottom = `3px solid ${color}`
-  if (pnlTree?.length) {
-    pnlTree[0].style.borderBottom = `3px solid ${color}`
   }
 }