diff --git a/app/routes/product.$productID/reviews_section/ReviewForm.tsx b/app/routes/product.$productID/reviews_section/ReviewForm.tsx index b9e80f4..2fb8745 100644 --- a/app/routes/product.$productID/reviews_section/ReviewForm.tsx +++ b/app/routes/product.$productID/reviews_section/ReviewForm.tsx @@ -2,6 +2,7 @@ import { FormEvent, useEffect, useState } from "react"; import { ProductInfo, ReviewsFetchTriggerType } from "../Types"; import { Form, useOutletContext } from "@remix-run/react"; import { ContextProps } from "~/utils/types/ContextProps.type"; +import SpinnerSVG from "~/components/SpinnerSVG"; type Props = { productInfo: ProductInfo; @@ -50,6 +51,7 @@ export default function ReviewForm({ async function handleSubmit(event: FormEvent) { event.preventDefault(); if (rating < 1 || rating > 5) { + addNotification("Rating not set", "FAIL"); return console.error("Stars amount must be between 1 and 5."); } @@ -69,6 +71,7 @@ export default function ReviewForm({ if (countError) { console.error("Error upserting review", countError); + addNotification("Error upserting review", "FAIL"); return setIsSubmitting(false); } @@ -182,10 +185,18 @@ export default function ReviewForm({ {enableFormInput ? ( ) : null}