import React from 'react'
import { AppContainer } from 'common-ui'
import OfferForm from '@/components/OfferForm'
import { useRouter } from 'expo-router'
import { trpc } from '@/src/trpc-client'

export default function AddOffer() {
  const router = useRouter()
  const { refetch } = trpc.admin.offers.getAll.useQuery()

  const handleOfferAdded = () => {
    refetch()
    router.back()
  }

  return (
    <AppContainer>
      <OfferForm onOfferAdded={handleOfferAdded} />
    </AppContainer>
  )
}