import { PollCreator } from '@/components/chat/poll-creator'
import { usePolls } from '@/hooks/use-polls'

function MyComponent() {
  const [showPollModal, setShowPollModal] = useState(false)
  const { createPoll } = usePolls({ channelId: 'your-channel-id' })

  const handleCreatePoll = async (pollData) => {
    await createPoll(pollData)
    setShowPollModal(false)
  }

  return (
    <>
      <button onClick={() => setShowPollModal(true)}>Create Poll</button>

      <PollCreator
        channelId="your-channel-id"
        isOpen={showPollModal}
        onClose={() => setShowPollModal(false)}
        onCreatePoll={handleCreatePoll}
      />
    </>
  )
}

import { PollDisplay } from '@/components/chat/poll-display'
import { usePolls } from '@/hooks/use-polls'

function PollMessage({ poll, currentUserId }) {
  const { vote, closePoll, addOption } = usePolls()

  return (
    <PollDisplay
      poll={poll}
      currentUserId={currentUserId}
      onVote={vote}
      onClosePoll={closePoll}
      onAddOption={addOption}
    />
  )
}

import { useMutation, useQuery } from '@apollo/client'
import { CREATE_POLL, GET_POLL_WITH_RESULTS, VOTE_POLL } from '@/graphql/mutations/polls'

// Create a poll
const [createPoll] = useMutation(CREATE_POLL)
await createPoll({
  variables: {
    channelId: 'channel-uuid',
    question: 'What should we have for lunch?',
    pollType: 'single',
    isAnonymous: false,
    allowAddOptions: true,
    expiresAt: '2026-02-01T12:00:00Z',
    options: [
      { option_text: 'Pizza', option_order: 0 },
      { option_text: 'Sushi', option_order: 1 },
      { option_text: 'Burgers', option_order: 2 },
    ],
  },
})

// Vote on a poll
const [votePoll] = useMutation(VOTE_POLL)
await votePoll({
  variables: {
    votes: [
      {
        poll_id: 'poll-uuid',
        option_id: 'option-uuid',
        user_id: 'user-uuid',
      },
    ],
  },
})

// Get poll results
const { data } = useQuery(GET_POLL_WITH_RESULTS, {
  variables: { pollId: 'poll-uuid' },
})

import { useSubscription } from '@apollo/client'
import { SUBSCRIBE_POLL_RESULTS } from '@/graphql/queries/polls'

function LivePoll({ pollId }) {
  const { data, loading } = useSubscription(SUBSCRIBE_POLL_RESULTS, {
    variables: { pollId },
  })

  if (loading) return <div>Loading...</div>

  const poll = data?.nchat_polls_by_pk

  return (
    <div>
      <h3>{poll.question}</h3>
      {poll.poll_options.map((option) => (
        <div key={option.id}>
          {option.option_text}: {option.votes_aggregate.aggregate.count} votes
        </div>
      ))}
    </div>
  )
}

const singleChoicePoll = {
  question: 'What's your favorite color?',
  pollType: 'single',  // Users can select only ONE option
  options: ['Red', 'Blue', 'Green'],
  isAnonymous: false,
  allowAddOptions: false,
}

const multipleChoicePoll = {
  question: 'Which programming languages do you know?',
  pollType: 'multiple', // Users can select MULTIPLE options
  options: ['JavaScript', 'Python', 'Go', 'Rust'],
  isAnonymous: false,
  allowAddOptions: true,
}

const anonymousPoll = {
  question: 'Do you like the new feature?',
  pollType: 'single',
  options: ['Yes', 'No', 'Not sure'],
  isAnonymous: true, // Hides who voted for what
  allowAddOptions: false, // Can't add options to anonymous polls
}

const timedPoll = {
  question: 'Where should we go for lunch today?',
  pollType: 'single',
  options: ['Pizza Place', 'Sushi Bar', 'Burger Joint'],
  isAnonymous: false,
  allowAddOptions: false,
  expiresAt: new Date(Date.now() + 3600000).toISOString(), // 1 hour from now
}

import { useQuery } from '@apollo/client'
import { GET_USER_POLL_VOTES } from '@/graphql/queries/polls'

const { data } = useQuery(GET_USER_POLL_VOTES, {
  variables: { pollId, userId },
})

const hasVoted = data?.nchat_poll_votes?.length > 0

import { useMutation } from '@apollo/client'
import { REMOVE_USER_VOTES, VOTE_POLL } from '@/graphql/mutations/polls'

// Remove old vote, add new vote
const [removeVotes] = useMutation(REMOVE_USER_VOTES)
const [addVote] = useMutation(VOTE_POLL)

await removeVotes({ variables: { pollId, userId } })
await addVote({
  variables: {
    votes: [{ poll_id: pollId, option_id: newOptionId, user_id: userId }],
  },
})

import { useMutation } from '@apollo/client'
import { CLOSE_POLL } from '@/graphql/mutations/polls'

const [closePoll] = useMutation(CLOSE_POLL)
await closePoll({
  variables: { pollId, closedBy: currentUserId },
})

import { useMutation } from '@apollo/client'
import { ADD_POLL_OPTION } from '@/graphql/mutations/polls'

const [addOption] = useMutation(ADD_POLL_OPTION)
await addOption({
  variables: {
    pollId,
    optionText: 'New Option',
    optionOrder: 4, // Next position
    addedBy: currentUserId,
  },
})

const { createPoll, isCreating } = usePolls()

try {
  await createPoll(pollData)
  toast.success('Poll created!')
} catch (error) {
  if (error.message.includes('permission')) {
    toast.error("You don't have permission to create polls")
  } else if (error.message.includes('validation')) {
    toast.error('Invalid poll data')
  } else {
    toast.error('Failed to create poll')
  }
}