diff --git a/src/components/CustomRoadmap/CustomRoadmapRatings.tsx b/src/components/CustomRoadmap/CustomRoadmapRatings.tsx index 9cf4f1160..e1d7caebe 100644 --- a/src/components/CustomRoadmap/CustomRoadmapRatings.tsx +++ b/src/components/CustomRoadmap/CustomRoadmapRatings.tsx @@ -35,16 +35,27 @@ export function CustomRoadmapRatings(props: CustomRoadmapRatingsProps) { /> )} {average === 0 && ( - + <> + {!canManage && ( + + )} + {canManage && ( + + + No ratings yet + Rate + + )} + )} {average > 0 && ( diff --git a/src/components/CustomRoadmap/RateRoadmapForm.tsx b/src/components/CustomRoadmap/RateRoadmapForm.tsx index cdf21b7cd..68363d667 100644 --- a/src/components/CustomRoadmap/RateRoadmapForm.tsx +++ b/src/components/CustomRoadmap/RateRoadmapForm.tsx @@ -46,6 +46,12 @@ export function RateRoadmapForm(props: RateRoadmapFormProps) { const [userFeedback, setUserFeedback] = useState(''); const loadMyRoadmapRating = async () => { + // user can't have the rating for their own roadmap + if (canManage) { + setIsLoading(false); + return; + } + const { response, error } = await httpGet( `${import.meta.env.PUBLIC_API_URL}/v1-get-my-roadmap-rating/${roadmapSlug}`, ); @@ -127,7 +133,7 @@ export function RateRoadmapForm(props: RateRoadmapFormProps) { )} - + {percentage}% diff --git a/src/components/CustomRoadmap/RoadmapActionButton.tsx b/src/components/CustomRoadmap/RoadmapActionButton.tsx index b6a6b3f3c..59a65e8be 100644 --- a/src/components/CustomRoadmap/RoadmapActionButton.tsx +++ b/src/components/CustomRoadmap/RoadmapActionButton.tsx @@ -1,6 +1,6 @@ import { useRef, useState } from 'react'; import { useOutsideClick } from '../../hooks/use-outside-click'; -import { Lock, MoreVertical, Shapes, Trash2 } from 'lucide-react'; +import { Lock, MoreVertical, PenSquare, Shapes, Trash2 } from 'lucide-react'; type RoadmapActionButtonProps = { onDelete?: () => void; @@ -32,34 +32,34 @@ export function RoadmapActionButton(props: RoadmapActionButtonProps) { {isOpen && (
    - {onUpdateSharing && ( + {onCustomize && (
  • )} - {onCustomize && ( + {onUpdateSharing && (
  • )} diff --git a/src/components/CustomRoadmap/RoadmapHeader.tsx b/src/components/CustomRoadmap/RoadmapHeader.tsx index 6cc1dd52d..69e30e3cb 100644 --- a/src/components/CustomRoadmap/RoadmapHeader.tsx +++ b/src/components/CustomRoadmap/RoadmapHeader.tsx @@ -115,7 +115,7 @@ export function RoadmapHeader(props: RoadmapHeaderProps) { aria-label="Back to All Roadmaps" > ← -  Community Roadmaps +  Discover More )} - - - Edit - Edit - - setIsSharing(true)} + onCustomize={() => { + window.location.href = `${ + import.meta.env.PUBLIC_EDITOR_APP_URL + }/${$currentRoadmap?._id}`; + }} onDelete={() => { const confirmation = window.confirm( 'Are you sure you want to delete this roadmap?', diff --git a/src/components/Rating/Rating.tsx b/src/components/Rating/Rating.tsx index 5a880fef4..c04f07281 100644 --- a/src/components/Rating/Rating.tsx +++ b/src/components/Rating/Rating.tsx @@ -44,9 +44,9 @@ export function Rating(props: RatingProps) { /> ); })} - {props.total && ( + {(props.total || 0) > 0 && ( - ({Intl.NumberFormat('en-US').format(props.total)}) + ({Intl.NumberFormat('en-US').format(props.total!)}) )}