import { useState, useEffect } from 'react'
import { quickAdd as quickAddApi, type QuickAddItem } from '@/lib/api'

export function useQuickAdd() {
  const [items, setItems] = useState<QuickAddItem[]>([])
  const [loading, setLoading] = useState(true)

  const fetchItems = async () => {
    const data = await quickAddApi.list()
    setItems(data ?? [])
  }

  useEffect(() => {
    const init = async () => {
      try {
        await fetchItems()
      } finally {
        setLoading(false)
      }
    }
    init()
  }, [])

  const addItem = async (name: string, icon: string) => {
    await quickAddApi.create({ name, icon })
    await fetchItems()
  }

  const updateItem = async (id: string, name: string, icon: string, sortOrder: number) => {
    await quickAddApi.update(id, { name, icon, sort_order: sortOrder })
    await fetchItems()
  }

  const removeItem = async (id: string) => {
    await quickAddApi.delete(id)
    await fetchItems()
  }

  return { items, loading, addItem, updateItem, removeItem }
}