ReviewButton.tsx 783 B

12345678910111213141516171819202122232425
  1. import { getIsGuest } from "@utils/cookie-tools";
  2. import { useRouter } from "next/navigation";
  3. export const ReviewButton = ({ setShowForm, className }: { setShowForm: (show: boolean) => void, className?: string }) => {
  4. const IsGuest = getIsGuest();
  5. const router = useRouter();
  6. const handleAddReview = () => {
  7. if (IsGuest) {
  8. router.push("/customer/login");
  9. } else {
  10. setShowForm(true);
  11. }
  12. };
  13. return (
  14. <button
  15. onClick={handleAddReview}
  16. className={`relative flex w-full min-w-[18rem] max-w-[20rem] cursor-pointer h-fit items-center justify-center rounded-full bg-blue-600 p-4 tracking-wide text-white mt-6 ${className}`}
  17. >
  18. Write a review
  19. </button>
  20. )
  21. }