chore: add review lengh limit
This commit is contained in:
parent
319fe900b6
commit
ca6b163469
@ -17,6 +17,8 @@ const REPORT_REASONS = [
|
|||||||
'Other',
|
'Other',
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const MAX_REVIEW_LENGTH = 2000;
|
||||||
|
|
||||||
const StarRating = ({ rating, max = 5, onRate }: { rating: number; max?: number; onRate?: (n: number) => void }) => (
|
const StarRating = ({ rating, max = 5, onRate }: { rating: number; max?: number; onRate?: (n: number) => void }) => (
|
||||||
<div className="star-rating-container">
|
<div className="star-rating-container">
|
||||||
{[...Array(max)].map((_, i) => (
|
{[...Array(max)].map((_, i) => (
|
||||||
@ -219,7 +221,10 @@ const PluginDetail = () => {
|
|||||||
|
|
||||||
const submitReview = async (e: React.FormEvent) => {
|
const submitReview = async (e: React.FormEvent) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if (!reviewForm.comment.trim()) return;
|
const comment = reviewForm.comment.trim();
|
||||||
|
if (!comment || comment.length > MAX_REVIEW_LENGTH) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
await api.post(`/plugins/${id}/reviews`, reviewForm);
|
await api.post(`/plugins/${id}/reviews`, reviewForm);
|
||||||
fetchPlugin();
|
fetchPlugin();
|
||||||
setReviewForm({ rating: 5, comment: '' });
|
setReviewForm({ rating: 5, comment: '' });
|
||||||
@ -454,6 +459,7 @@ const PluginDetail = () => {
|
|||||||
<textarea
|
<textarea
|
||||||
placeholder="What did you like? What could be better?"
|
placeholder="What did you like? What could be better?"
|
||||||
value={reviewForm.comment}
|
value={reviewForm.comment}
|
||||||
|
maxLength={MAX_REVIEW_LENGTH}
|
||||||
onChange={e => setReviewForm({ ...reviewForm, comment: e.target.value })}
|
onChange={e => setReviewForm({ ...reviewForm, comment: e.target.value })}
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user