diff --git a/src/components/ReactIcons/ChatGPTIcon.tsx b/src/components/ReactIcons/ChatGPTIcon.tsx new file mode 100644 index 000000000..97d3f24fa --- /dev/null +++ b/src/components/ReactIcons/ChatGPTIcon.tsx @@ -0,0 +1,19 @@ +type ChatGPTIconProps = { + className?: string; +}; +export function ChatGPTIcon(props: ChatGPTIconProps) { + const { className } = props; + + return ( + + + + ); +} diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx index c34fa7073..bff6d74bb 100644 --- a/src/components/TopicDetail/TopicDetail.tsx +++ b/src/components/TopicDetail/TopicDetail.tsx @@ -28,6 +28,7 @@ import { Spinner } from '../ReactIcons/Spinner'; import { GitHubIcon } from '../ReactIcons/GitHubIcon.tsx'; import { GoogleIcon } from '../ReactIcons/GoogleIcon.tsx'; import { YouTubeIcon } from '../ReactIcons/YouTubeIcon.tsx'; +import { ChatGPTIcon } from '../ReactIcons/ChatGPTIcon.tsx'; import { resourceTitleFromId } from '../../lib/roadmap.ts'; import { lockBodyScroll } from '../../lib/dom.ts'; import { TopicDetailLink } from './TopicDetailLink.tsx'; @@ -325,6 +326,7 @@ export function TopicDetail(props: TopicDetailProps) { ?.replace(/\s+?roadmap/gi, ''); const googleSearchUrl = `https://www.google.com/search?q=${topicHtmlTitle?.toLowerCase()} guide for ${resourceTitleForSearch}`; const youtubeSearchUrl = `https://www.youtube.com/results?search_query=${topicHtmlTitle?.toLowerCase()} for ${resourceTitleForSearch}`; + const chatgptSearchUrl = `https://www.chatgpt.com/?q=${topicHtmlTitle?.toLowerCase()} guide for ${resourceTitleForSearch}`; const tnsLink = 'https://thenewstack.io/devops/?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Topic'; @@ -544,6 +546,14 @@ export function TopicDetail(props: TopicDetailProps) { YouTube + + + ChatGPT +