"use client"

import { useEffect, useState } from "react"
import { ResponseData } from "../types/response"

export default function useCommands(): ApplicationCommand[] | null {
  const [commandsData, setCommandsData] = useState<ApplicationCommand[] | null>(null)

  useEffect(() => {
    async function fetchCommands() {
      const res = await fetch("/api/getCommands")
      const data = await res.json() as ResponseData<{ commands: ApplicationCommand[] | null }>
      setCommandsData(data.data.commands)
    }

    fetchCommands()
  }, [])

  return commandsData
}

import { Response as _Response } from "@/lib/utils/response"
import { BotAuthorization } from "@/config/authorization"
import config from "@/config/config"

const appId = process.env.BOT_ID
const { dapi } = config

export async function GET() {
  try {
    const res = await fetch(`${dapi}/applications/${appId}/commands`, {
      headers: { "Authorization": BotAuthorization }
    })
    const data = await res.json()
    return Response.json(_Response(true, "Application commands fetched", { commands: data }))
  } catch (err) {
    return Response.json(_Response(false, "An error occured while fetching application commands", { commands: null }))
  }
}