Merge pull request #38 from Your-Ehsan/development

build(eslint): resolved eslint build errors

Author: developerEhsan

lint-staged.config.js

@@ -1,4 +1,4 @@
 /** @type {import('./lib/types').Configuration} */
 export default {
-  '*': ['pnpm format', 'pnpm lint']
+  '*': ['pnpm format', 'pnpm lint', 'tsc-files --noEmit']
 }

package.json

@@ -119,6 +119,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.0.7",
+    "tsc-files": "^1.1.4",
     "typescript": "^5.7.3",
     "vite": "^6.1.1"
   },

pnpm-lock.yaml

@@ -6,7 +6,7 @@ function useGridLayout(): {
     vertical: number
     horizontal: number
   }
-  containerRef: React.RefObject<HTMLDivElement>
+  containerRef: React.RefObject<HTMLDivElement | null>
 } {
   const containerRef = useRef<HTMLDivElement>(null)
   const [layout, setLayout] = useState({ vertical: 0, horizontal: 0 })
@@ -73,7 +73,7 @@ function Grid(): React.JSX.Element {
 
   const squares = useMemo(() => plotSquares(horizontal, vertical, size), [horizontal, vertical])
   const [active, setActive] = useState(0)
-  const timerRef = useRef<NodeJS.Timeout>()
+  const timerRef = useRef<NodeJS.Timeout>(undefined)
 
   const onMouseEnter = useCallback(() => {
     if (timerRef.current) {

src/renderer/src/components/animata/interactive-grid.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { ChevronLeft, ChevronRight } from 'lucide-react'
+// import { ChevronLeft, ChevronRight } from 'lucide-react'
 import { DayPicker } from 'react-day-picker'
 import { cn } from '@renderer/utils'
 import { buttonVariants } from './button'
@@ -53,16 +53,16 @@ function Calendar({
         day_hidden: 'invisible',
         ...classNames
       }}
-      components={{
-        // eslint-disable-next-line react/prop-types
-        IconLeft: ({ className, ...props }) => (
-          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
-        ),
-        // eslint-disable-next-line react/prop-types
-        IconRight: ({ className, ...props }) => (
-          <ChevronRight className={cn('h-4 w-4', className)} {...props} />
-        )
-      }}
+      // components={{
+      //   // eslint-disable-next-line react/prop-types
+      //   IconLeft: ({ className, ...props }) => (
+      //     <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
+      //   ),
+      //   // eslint-disable-next-line react/prop-types
+      //   IconRight: ({ className, ...props }) => (
+      //     <ChevronRight className={cn('h-4 w-4', className)} {...props} />
+      //   )
+      // }}
       showOutsideDays={showOutsideDays}
       {...props}
     />