"use client"

import { useQuery } from "@tanstack/react-query"
import { createSupabaseBrowserClient } from "@/lib/supabase/client"
import { queryKeys } from "./query-keys"
import type { MutedKeyword } from "@/lib/types/user-profile"

export function useMutedKeywords() {
  const supabaseClient = createSupabaseBrowserClient()

  return useQuery({
    queryKey: queryKeys.mutedKeywords.all,
    queryFn: async () => {
      const { data, error } = await supabaseClient
        .from("muted_keywords")
        .select("id, keyword, created_at")
        .order("created_at", { ascending: false })

      if (error) throw error

      const keywords: MutedKeyword[] = (data ?? []).map((row) => ({
        identifier: row.id,
        keyword: row.keyword,
        createdAt: row.created_at,
      }))

      return keywords
    },
  })
}