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

feat(nx-dev): Add community and discord to resources header

Browse Source
This commit is contained in:
Nicholas Cunningham 2024-06-04 08:31:44 -06:00 committed by Juri Strumpflohner
parent a8ae302ae4
commit 17a4c5a757
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
nx-dev/ui-common/src/index.ts
View File

@ -21,6 +21,7 @@ export * from './lib/github-star-widget';
export * from './lib/youtube.component'; export * from './lib/youtube.component';
export * from './lib/image-theme'; export * from './lib/image-theme';
export * from './lib/twitter-icon'; export * from './lib/twitter-icon';
export * from './lib/discord-icon';
export { resourceMenuItems } from './lib/headers/menu-items'; export { resourceMenuItems } from './lib/headers/menu-items';
export { solutionsMenuItems } from './lib/headers/menu-items'; export { solutionsMenuItems } from './lib/headers/menu-items';
export { eventItems } from './lib/headers/menu-items'; export { eventItems } from './lib/headers/menu-items';

14
nx-dev/ui-common/src/lib/discord-icon.tsx Normal file
View File

@ -0,0 +1,14 @@
import { FC, SVGProps } from 'react';
export const DiscordIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
<svg
fill="currentColor"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<title>Discord</title>
<path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
</svg>
);

18
nx-dev/ui-common/src/lib/headers/menu-items.ts
View File

@ -9,10 +9,12 @@ import {
PlayCircleIcon, PlayCircleIcon,
ShareIcon, ShareIcon,
Squares2X2Icon, Squares2X2Icon,
ChatBubbleBottomCenterTextIcon,
} from '@heroicons/react/24/outline'; } from '@heroicons/react/24/outline';
import { FC, SVGProps } from 'react'; import { FC, SVGProps } from 'react';
import { NxAgentsIcon } from '../nx-agents-icon'; import { NxAgentsIcon } from '../nx-agents-icon';
import { NxReplayIcon } from '../nx-replay-icon'; import { NxReplayIcon } from '../nx-replay-icon';
import { DiscordIcon } from '../discord-icon';
export interface MenuItem { export interface MenuItem {
name: string; name: string;
@ -183,6 +185,22 @@ export const learnItems: MenuItem[] = [
isNew: false, isNew: false,
isHighlight: false, isHighlight: false,
}, },
{
name: 'Community',
description: null,
href: '/community',
icon: ChatBubbleBottomCenterTextIcon,
isNew: false,
isHighlight: false,
},
{
name: 'Discord',
description: null,
href: 'https://go.nx.dev/community',
icon: DiscordIcon,
isNew: false,
isHighlight: false,
},
]; ];
export const eventItems: MenuItem[] = [ export const eventItems: MenuItem[] = [
{ {