import { Form, Input, MarkdownInput, SubmitButton } from '../components/form' import { useRouter } from 'next/router' import * as Yup from 'yup' import { gql, useApolloClient, useMutation } from '@apollo/client' import TextareaAutosize from 'react-textarea-autosize' import Countdown from './countdown' import AdvPostForm, { AdvPostInitial, AdvPostSchema } from './adv-post-form' import { MAX_TITLE_LENGTH } from '../lib/constants' import { useState } from 'react' import FeeButton, { EditFeeButton } from './fee-button' export function DiscussionForm ({ item, editThreshold, titleLabel = 'title', textLabel = 'text', buttonText = 'post', adv, handleSubmit }) { const router = useRouter() const client = useApolloClient() const [hasImgLink, setHasImgLink] = useState() // const me = useMe() const [upsertDiscussion] = useMutation( gql` mutation upsertDiscussion($id: ID, $title: String!, $text: String, $boost: Int, $forward: String) { upsertDiscussion(id: $id, title: $title, text: $text, boost: $boost, forward: $forward) { id } }` ) const DiscussionSchema = Yup.object({ title: Yup.string().required('required').trim() .max(MAX_TITLE_LENGTH, ({ max, value }) => `${Math.abs(max - value.length)} too many`), ...AdvPostSchema(client) }) // const cost = linkOrImg ? 10 : me?.freePosts ? 0 : 1 return (
{ const { error } = await upsertDiscussion({ variables: { id: item?.id, boost: Number(boost), ...values } }) if (error) { throw new Error({ message: error.toString() }) } if (item) { await router.push(`/items/${item.id}`) } else { await router.push('/recent') } })} storageKeyPrefix={item ? undefined : 'discussion'} > {textLabel} optional} name='text' as={TextareaAutosize} minRows={6} hint={editThreshold ?
: null} setHasImgLink={setHasImgLink} /> {adv && }
{item ? : }
) }