Yuva roadmap hooks

import { YuvaDiscussionsProvider } from "@/hooks/use-yuva-discussions"
import { useIdeas } from "@/hooks/use-yuva-roadmap"

function Planned() {
  const { ideas, loading } = useIdeas("planned", "top")
  if (loading) return null
  return (
    <ul>
      {ideas.map((idea) => (
        <li key={idea.id}>
          {idea.title} ({idea.votes})
        </li>
      ))}
    </ul>
  )
}

export function Roadmap() {
  return (
    <YuvaDiscussionsProvider
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    >
      <Planned />
    </YuvaDiscussionsProvider>
  )
}