feat: add ai roadmap slug

src/api/ai-roadmap.ts

@@ -6,6 +6,7 @@ export type GetAIRoadmapBySlugResponse = {
   term: string;
   title: string;
   data: string;
+  isAuthenticatedUser: boolean;
 };
 
 export function aiRoadmapApi(context: APIContext) {

src/components/GenerateRoadmap/GenerateRoadmap.tsx

@@ -91,10 +91,15 @@ type GetAIRoadmapResponse = {
 type GenerateRoadmapProps = {
   roadmapId?: string;
   slug?: string;
+  isAuthenticatedUser?: boolean;
 };
 
 export function GenerateRoadmap(props: GenerateRoadmapProps) {
-  const { roadmapId: defaultRoadmapId, slug: defaultRoadmapSlug } = props;
+  const {
+    roadmapId: defaultRoadmapId,
+    slug: defaultRoadmapSlug,
+    isAuthenticatedUser = isLoggedIn(),
+  } = props;
 
   const roadmapContainerRef = useRef<HTMLDivElement>(null);
 
@@ -130,7 +135,6 @@ export function GenerateRoadmap(props: GenerateRoadmapProps) {
     getOpenAIKey(),
   );
   const isKeyOnly = IS_KEY_ONLY_ROADMAP_GENERATION;
-  const isAuthenticatedUser = isLoggedIn();
 
   const renderRoadmap = async (roadmap: string) => {
     const { nodes, edges } = generateAIRoadmapFromText(roadmap);

src/pages/ai/[aiRoadmapSlug].astro

@@ -26,5 +26,9 @@ const title = roadmap?.title || 'Roadmap AI';
 ---
 
 <BaseLayout title={title}>
-  <GenerateRoadmap roadmapId={roadmap?.id} client:load />
+  <GenerateRoadmap
+    roadmapId={roadmap?.id}
+    isAuthenticatedUser={roadmap?.isAuthenticatedUser}
+    client:load
+  />
 </BaseLayout>