fix: type errors

packages/outstatic/src/components/DocumentsTable/index.tsx

@@ -5,7 +5,7 @@ import { sentenceCase } from 'change-case'
 import cookies from 'js-cookie'
 import { Settings } from 'lucide-react'
 import Link from 'next/link'
-import { useState, useCallback, useEffect } from 'react'
+import { useState, useCallback, useEffect, ReactNode } from 'react'
 import { Button } from '../ui/button'
 import {
  CaretSortIcon,
@@ -201,7 +201,7 @@ const cellSwitch = (
  className="px-6 py-4 text-base font-semibold text-gray-900"
  data-testid="status-cell"
  >
- {item}
+ {item as ReactNode}
  </td>
  )
  default:

packages/outstatic/src/components/DocumentsTable/test.tsx

@@ -103,15 +103,15 @@ describe('DocumentsTable', () => {
 
  const sortedAsc = screen
  .getAllByTestId('status-cell')
- .map((node) => node.textContent.trim())
+ .map((node) => (node.textContent as string).trim())
  expect(sortedAsc).toEqual(['draft', 'published'])
 
  // Click the status column header again to sort descending
  fireEvent.click(screen.getByText('Status'))
 
  const sortedDesc = screen
  .getAllByTestId('status-cell')
- .map((node) => node.textContent.trim())
+ .map((node) => (node.textContent as string).trim())
  expect(sortedDesc).toEqual(['published', 'draft'])
  })
 

packages/outstatic/src/components/ui/checkbox-with-label.tsx

@@ -6,9 +6,9 @@ import { Controller, useFormContext, RegisterOptions } from 'react-hook-form'
 import { cn } from '@/utils/ui'
 
 interface CheckboxWithLabelProps
- extends React.ComponentPropsWithoutRef<typeof Checkbox> {
+ extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox>, 'type'> {
  id: string
- label: string
+ label?: string
  registerOptions?: RegisterOptions
  helperText?: string
 }

packages/outstatic/src/utils/hooks/useSortedDocuments.tsx

@@ -3,7 +3,7 @@ import { OstDocument } from '@/types/public'
 
 type SortDirection = 'ascending' | 'descending'
 
-type SortConfig = {
+export type SortConfig = {
  key: keyof OstDocument
  direction: SortDirection
 }
@@ -27,18 +27,21 @@ export const useSortedDocuments = (
  if (a.status === b.status) {
  return a.title.localeCompare(b.title) * multiplier
  }
- return (a.status === 'published' ? 1 : -1) * multiplier // Fix the sorting logic here
+ return (a.status === 'published' ? 1 : -1) * multiplier
  }
 
- const valueA = a[key]
- const valueB = b[key]
+ const valueA = a[key] as string | number
+ const valueB = b[key] as string | number
 
  if (typeof valueA === 'string' && typeof valueB === 'string') {
  return valueA.localeCompare(valueB) * multiplier
  }
 
- if (valueA < valueB) return -1 * multiplier
- if (valueA > valueB) return 1 * multiplier
+ if (typeof valueA === 'number' && typeof valueB === 'number') {
+ return (valueA - valueB) * multiplier
+ }
+
+ // Fallback for other types
  return 0
  },
  [sortConfig]