import { Form, Input, MarkdownInput } from '@/components/form' import { useRouter } from 'next/router' import { gql, useApolloClient, useLazyQuery, useMutation } from '@apollo/client' import Countdown from './countdown' import AdvPostForm, { AdvPostInitial } from './adv-post-form' import { ITEM_FIELDS } from '@/fragments/items' import AccordianItem from './accordian-item' import Item from './item' import { discussionSchema } from '@/lib/validate' import { SubSelectInitial } from './sub-select' import { useCallback } from 'react' import { normalizeForwards, toastDeleteScheduled } from '@/lib/form' import { MAX_TITLE_LENGTH } from '@/lib/constants' import { useMe } from './me' import useCrossposter from './use-crossposter' import { useToast } from './toast' import { ItemButtonBar } from './post' export function DiscussionForm ({ item, sub, editThreshold, titleLabel = 'title', textLabel = 'text', handleSubmit, children }) { const router = useRouter() const client = useApolloClient() const me = useMe() const schema = discussionSchema({ client, me, existingBoost: item?.boost }) // if Web Share Target API was used const shareTitle = router.query.title const shareText = router.query.text ? decodeURI(router.query.text) : undefined const crossposter = useCrossposter() const toaster = useToast() const [upsertDiscussion] = useMutation( gql` mutation upsertDiscussion($sub: String, $id: ID, $title: String!, $text: String, $boost: Int, $forward: [ItemForwardInput], $hash: String, $hmac: String) { upsertDiscussion(sub: $sub, id: $id, title: $title, text: $text, boost: $boost, forward: $forward, hash: $hash, hmac: $hmac) { id deleteScheduledAt } }` ) const onSubmit = useCallback( async ({ boost, crosspost, ...values }) => { const { data, error } = await upsertDiscussion({ variables: { sub: item?.subName || sub?.name, id: item?.id, boost: boost ? Number(boost) : undefined, ...values, forward: normalizeForwards(values.forward) } }) if (error) { throw new Error({ message: error.toString() }) } const discussionId = data?.upsertDiscussion?.id if (crosspost && discussionId) { await crossposter(discussionId) } if (item) { await router.push(`/items/${item.id}`) } else { const prefix = sub?.name ? `/~${sub.name}` : '' await router.push(prefix + '/recent') } toastDeleteScheduled(toaster, data, 'upsertDiscussion', !!item, values.text) }, [upsertDiscussion, router, item, sub, crossposter] ) const [getRelated, { data: relatedData }] = useLazyQuery(gql` ${ITEM_FIELDS} query related($title: String!) { related(title: $title, minMatch: "75%", limit: 3) { items { ...ItemFields } } }`) const related = relatedData?.related?.items || [] return (
{children} { if (e.target.value) { getRelated({ variables: { title: e.target.value } }) } }} maxLength={MAX_TITLE_LENGTH} /> {textLabel} optional} name='text' minRows={6} hint={editThreshold ?
: null} /> {!item &&
0 ? '' : 'invisible'}`}> similar
} body={
{related.map((item, i) => ( ))}
} /> } ) }