miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

feat(nx-dev): add link to AI Chat beta in docs header (#19261)

Browse Source
This commit is contained in:
Jack Hsu 2023-09-26 08:29:22 -04:00 committed by GitHub
parent 5cc87bfdc2
commit ae38219361
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nx-dev/feature-ai/src/lib/feed/feed-answer.tsx
View File

@ -67,8 +67,8 @@ export function FeedAnswer({
<div> <div>
<div className="text-lg flex gap-2 items-center text-slate-900 dark:text-slate-100"> <div className="text-lg flex gap-2 items-center text-slate-900 dark:text-slate-100">
Nx Assistant{' '} Nx Assistant{' '}
<span className="rounded-md bg-red-50 dark:bg-red-900/30 px-1.5 py-0.5 text-xs font-medium text-red-600 dark:text-red-400"> <span className="rounded-md bg-yellow-50 dark:bg-yellow-900/30 px-1.5 py-0.5 text-xs font-medium text-yellow-600 dark:text-yellow-400">
alpha beta
</span> </span>
</div> </div>
<p className="mt-0.5 flex items-center gap-x-1 text-sm text-slate-500"> <p className="mt-0.5 flex items-center gap-x-1 text-sm text-slate-500">

2
nx-dev/nx-dev/pages/ai-chat/index.tsx
View File

@ -9,7 +9,7 @@ export default function AiDocs(): JSX.Element {
return ( return (
<> <>
<NextSeo <NextSeo
title="Nx AI Chat (Alpha)" title="Nx AI Chat (Beta)"
description="AI chat powered by Nx docs." description="AI chat powered by Nx docs."
noindex={true} noindex={true}
robotsProps={{ robotsProps={{

24
nx-dev/ui-common/src/lib/documentation-header.tsx
View File

@ -1,3 +1,4 @@
import { type JSX } from 'react';
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'; import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
import { AlgoliaSearch } from '@nx/nx-dev/feature-search'; import { AlgoliaSearch } from '@nx/nx-dev/feature-search';
import { ThemeSwitcher } from '@nx/nx-dev/ui-theme'; import { ThemeSwitcher } from '@nx/nx-dev/ui-theme';
@ -22,7 +23,7 @@ function Menu({ tabs }: { tabs: any[] }): JSX.Element {
)} )}
aria-current={tab.current ? 'page' : undefined} aria-current={tab.current ? 'page' : undefined}
> >
{tab.name} {tab.content ?? tab.name}
</Link> </Link>
))} ))}
</nav> </nav>
@ -44,8 +45,14 @@ export function DocumentationHeader({
const isExtendingNx: boolean = routerPath.startsWith('/extending-nx'); const isExtendingNx: boolean = routerPath.startsWith('/extending-nx');
const isPlugins: boolean = routerPath.startsWith('/plugin-registry'); const isPlugins: boolean = routerPath.startsWith('/plugin-registry');
const isChangelog: boolean = routerPath.startsWith('/changelog'); const isChangelog: boolean = routerPath.startsWith('/changelog');
const isAiChat: boolean = router.asPath.startsWith('/ai-chat');
const isNx: boolean = const isNx: boolean =
!isNxCloud && !isAPI && !isExtendingNx && !isPlugins && !isChangelog; !isNxCloud &&
!isAPI &&
!isExtendingNx &&
!isPlugins &&
!isChangelog &&
!isAiChat;
const sections = [ const sections = [
{ name: 'Nx', href: '/getting-started/intro', current: isNx }, { name: 'Nx', href: '/getting-started/intro', current: isNx },
@ -74,6 +81,19 @@ export function DocumentationHeader({
href: '/changelog', href: '/changelog',
current: isChangelog, current: isChangelog,
}, },
{
name: 'AI Chat',
href: '/ai-chat',
current: isAiChat,
content: (
<>
<span>AI Chat</span>
<span className="ml-1 rounded-md bg-yellow-50 dark:bg-yellow-900/30 px-1.5 py-0.5 text-xs font-medium text-yellow-600 dark:text-yellow-400">
beta
</span>
</>
),
},
]; ];
const communityLinks = [ const communityLinks = [