From eacae8dc02b023a5f25bbd2373b098da525167da Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 13 Aug 2024 20:59:34 +0100
Subject: [PATCH] Fix rating form does not show login popup

---
 src/components/CustomRoadmap/CustomRoadmapRatings.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/CustomRoadmap/CustomRoadmapRatings.tsx b/src/components/CustomRoadmap/CustomRoadmapRatings.tsx
index 9cf288fe9..a301e8342 100644
--- a/src/components/CustomRoadmap/CustomRoadmapRatings.tsx
+++ b/src/components/CustomRoadmap/CustomRoadmapRatings.tsx
@@ -3,6 +3,8 @@ import { Rating } from '../Rating/Rating';
 import type { RoadmapDocument } from './CreateRoadmap/CreateRoadmapModal';
 import { CustomRoadmapRatingsModal } from './CustomRoadmapRatingsModal';
 import { Star } from 'lucide-react';
+import { isLoggedIn } from '../../lib/jwt.ts';
+import { showLoginPopup } from '../../lib/popup.ts';
 
 type CustomRoadmapRatingsProps = {
   roadmapSlug: string;
@@ -40,6 +42,11 @@ export function CustomRoadmapRatings(props: CustomRoadmapRatingsProps) {
             <button
               className="flex h-[34px] items-center gap-2 rounded-md border border-gray-300 bg-white py-1 pl-2 pr-3 text-sm font-medium hover:border-black"
               onClick={() => {
+                if (!isLoggedIn()) {
+                  showLoginPopup();
+                  return;
+                }
+
                 setIsDetailsOpen(true);
               }}
             >