diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx
index f01e4b88c..d8fcdda8d 100644
--- a/src/components/TopicDetail/TopicDetail.tsx
+++ b/src/components/TopicDetail/TopicDetail.tsx
@@ -21,7 +21,17 @@ import type {
RoadmapContentDocument,
} from '../CustomRoadmap/CustomRoadmap';
import { markdownToHtml, sanitizeMarkdown } from '../../lib/markdown';
-import { Ban, BookOpen, FileText, HeartHandshake, Star, X } from 'lucide-react';
+import {
+ Ban,
+ BookOpen,
+ BookOpenIcon,
+ BotIcon,
+ FileText,
+ FileTextIcon,
+ HeartHandshake,
+ Star,
+ X,
+} from 'lucide-react';
import { getUrlParams, parseUrl } from '../../lib/browser';
import { Spinner } from '../ReactIcons/Spinner';
import { GitHubIcon } from '../ReactIcons/GitHubIcon.tsx';
@@ -434,7 +444,9 @@ export function TopicDetail(props: TopicDetailProps) {
const shouldShowAiTab = !isCustomResource && resourceType === 'roadmap';
const subjects = roadmapTreeMapping?.subjects || [];
+ const guides = roadmapTreeMapping?.guides || [];
const hasSubjects = subjects.length > 0;
+ const hasGuides = guides.length > 0;
const hasDataCampResources = paidResources.some((resource) =>
resource.title.toLowerCase().includes('datacamp'),
@@ -649,12 +661,12 @@ export function TopicDetail(props: TopicDetailProps) {
>
)}
- {hasSubjects && (
+ {(hasSubjects || hasGuides) && (
<>