Function CommentForm

src/Components/Post/PostContent/PostContent.jsx:205–239

({parentId, placeholder, onSubmitted})

}

function CommentForm({parentId, placeholder, onSubmitted}) {
    const [content, setContent] = useState("");
    const handleSubmit = (event) => {
        if (!content.trim()) {
            event.preventDefault();
            return;
        }
        setTimeout(() => {
            setContent("");
            onSubmitted?.();
        });
    };
    return (
        <Form method="post" onSubmit={handleSubmit} style={{display: 'flex', gap: '0.5rem', alignItems: 'flex-start'}}>
            <input type="hidden" name="ParentID" value={parentId}/>
            <TextField
                name="Content"
                value={content}
                onChange={(event) => setContent(event.target.value)}
                placeholder={placeholder}
                multiline
                minRows={2}
                size="small"
                fullWidth
            />
            <Tooltip title="发送" arrow>
                <span>
                    <IconButton type="submit" name="ActionType" value="Comment" disabled={!content.trim()}>
                        <Send/>
                    </IconButton>
                </span>
            </Tooltip>
        </Form>
    );
}

function DeleteContentButton({content}) {
    const [open, setOpen] = useState(false);