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

chore(nx-dev): Replace duplicate references to discord icon

Browse Source
This commit is contained in:
Nicholas Cunningham 2024-06-04 10:23:42 -06:00 committed by Juri Strumpflohner
parent 17a4c5a757
commit d2d06cdbab
6 changed files with 40 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
nx-dev/nx-dev/pages/advent-of-code/index.tsx
View File

@ -5,6 +5,7 @@ import {
} from '@heroicons/react/24/outline'; } from '@heroicons/react/24/outline';
import { import {
ButtonLink, ButtonLink,
DiscordIcon,
Footer, Footer,
Header, Header,
SectionHeading, SectionHeading,
@ -50,7 +51,7 @@ export default function AdventOfCode(): JSX.Element {
> >
<article <article
id="advent-of-code" id="advent-of-code"
className="mx-auto flex max-w-7xl flex-col space-y-12 py-12 px-4 sm:px-6 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-20 lg:py-16 lg:px-8" className="mx-auto flex max-w-7xl flex-col space-y-12 px-4 py-12 sm:px-6 lg:flex-row lg:items-center lg:space-x-20 lg:space-y-0 lg:px-8 lg:py-16"
> >
<header className="space-y-10 md:py-12 lg:w-5/12 xl:w-5/12"> <header className="space-y-10 md:py-12 lg:w-5/12 xl:w-5/12">
<div> <div>
@ -66,7 +67,7 @@ export default function AdventOfCode(): JSX.Element {
together! We have a convenient TypeScript starter kit together! We have a convenient TypeScript starter kit
available to help you get started right away. available to help you get started right away.
</p> </p>
<div className="flex mt-8 gap-4"> <div className="mt-8 flex gap-4">
<ButtonLink <ButtonLink
href="https://github.com/nrwl/ts-aoc-starter#running-the-puzzles" href="https://github.com/nrwl/ts-aoc-starter#running-the-puzzles"
variant="primary" variant="primary"
@ -84,9 +85,9 @@ export default function AdventOfCode(): JSX.Element {
> >
<button <button
title="Use Nx to setup your Advent of Code workspace" title="Use Nx to setup your Advent of Code workspace"
className="group relative flex w-full items-center rounded-lg border border-slate-200 bg-white py-3 px-6 text-md font-semibold leading-6 transition hover:bg-slate-100 focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:border-slate-700 dark:bg-slate-800 dark:text-white dark:hover:bg-slate-700 sm:w-auto" className="text-md group relative flex w-full items-center rounded-lg border border-slate-200 bg-white px-6 py-3 font-semibold leading-6 transition hover:bg-slate-100 focus:ring-2 focus:ring-offset-2 focus:ring-offset-white sm:w-auto dark:border-slate-700 dark:bg-slate-800 dark:text-white dark:hover:bg-slate-700"
> >
<span className="absolute top-1 right-1 flex opacity-0 transition-opacity group-hover:opacity-100"> <span className="absolute right-1 top-1 flex opacity-0 transition-opacity group-hover:opacity-100">
{copied ? ( {copied ? (
<ClipboardDocumentCheckIcon className="h-4 w-4" /> <ClipboardDocumentCheckIcon className="h-4 w-4" />
) : ( ) : (
@ -108,7 +109,7 @@ export default function AdventOfCode(): JSX.Element {
<div className="video-responsive flex items-center justify-center"> <div className="video-responsive flex items-center justify-center">
<iframe <iframe
src={`https://www.youtube.com/embed/cOHIO5UXqMw`} src={`https://www.youtube.com/embed/cOHIO5UXqMw`}
className="aspect-video w-full rounded-lg shadow-lg mb-1" className="mb-1 aspect-video w-full rounded-lg shadow-lg"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen allowFullScreen
title="Nx Advent of Code" title="Nx Advent of Code"
@ -122,7 +123,7 @@ export default function AdventOfCode(): JSX.Element {
{/* <div className="max-w-screen-lg mx-auto"> */} {/* <div className="max-w-screen-lg mx-auto"> */}
<div className="mx-auto max-w-7xl"> <div className="mx-auto max-w-7xl">
<article className="mx-auto px-4 sm:px-6 lg:items-center lg:px-8"> <article className="mx-auto px-4 sm:px-6 lg:items-center lg:px-8">
<main className="grid grid-cols-1 gap-5 md:grid-cols-3 pt-10 pb-24"> <main className="grid grid-cols-1 gap-5 pb-24 pt-10 md:grid-cols-3">
<div className="group relative rounded-lg border border-slate-200 bg-white/60 p-5 transition duration-200 ease-out hover:border-slate-300 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:border-slate-900 dark:hover:bg-slate-800"> <div className="group relative rounded-lg border border-slate-200 bg-white/60 p-5 transition duration-200 ease-out hover:border-slate-300 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:border-slate-900 dark:hover:bg-slate-800">
<div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center"> <div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center">
<div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-slate-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-slate-800" /> <div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-slate-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-slate-800" />
@ -157,16 +158,10 @@ export default function AdventOfCode(): JSX.Element {
<div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center"> <div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center">
<div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-indigo-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-indigo-900" /> <div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-indigo-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-indigo-900" />
<div className="absolute inset-0 -rotate-6 transform rounded-2xl bg-[#5865F2] bg-opacity-75 shadow-inner transition duration-200 ease-out group-hover:rotate-2 group-hover:scale-105" /> <div className="absolute inset-0 -rotate-6 transform rounded-2xl bg-[#5865F2] bg-opacity-75 shadow-inner transition duration-200 ease-out group-hover:rotate-2 group-hover:scale-105" />
<svg <DiscordIcon
fill="currentColor" showTitle={true}
className="relative inline-block h-5 w-5 transform text-white transition duration-200 ease-out group-hover:scale-110" className="relative inline-block h-5 w-5 transform text-white transition duration-200 ease-out group-hover:scale-110"
role="img" />
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</div> </div>
<h4 className="mb-2 text-lg font-bold"> <h4 className="mb-2 text-lg font-bold">
Join us on Discord Join us on Discord

29
nx-dev/ui-common/src/lib/discord-icon.tsx
View File

@ -1,14 +1,19 @@
import { FC, SVGProps } from 'react'; import { FC, SVGProps } from 'react';
export const DiscordIcon: FC<SVGProps<SVGSVGElement>> = (props) => ( export const DiscordIcon: FC<
<svg SVGProps<SVGSVGElement> & { showTitle?: boolean }
fill="currentColor" > = (props) => {
role="img" const { showTitle, ...rest } = props;
viewBox="0 0 24 24" return (
xmlns="http://www.w3.org/2000/svg" <svg
{...props} fill="currentColor"
> role="img"
<title>Discord</title> viewBox="0 0 24 24"
<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" /> xmlns="http://www.w3.org/2000/svg"
</svg> {...rest}
); >
{!!showTitle && <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>
);
};

14
nx-dev/ui-common/src/lib/footer.tsx
View File

@ -1,6 +1,7 @@
import { HeartIcon } from '@heroicons/react/24/solid'; import { HeartIcon } from '@heroicons/react/24/solid';
import { ThemeSwitcher } from '@nx/nx-dev/ui-theme'; import { ThemeSwitcher } from '@nx/nx-dev/ui-theme';
import Link from 'next/link'; import Link from 'next/link';
import { DiscordIcon } from './discord-icon';
export function Footer(): JSX.Element { export function Footer(): JSX.Element {
const navigation = { const navigation = {
@ -65,18 +66,7 @@ export function Footer(): JSX.Element {
name: 'Discord', name: 'Discord',
label: 'Community channel', label: 'Community channel',
href: 'https://go.nx.dev/community', href: 'https://go.nx.dev/community',
icon: (props: any) => ( icon: (props: any) => <DiscordIcon {...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>
),
}, },
{ {
name: 'GitHub', name: 'GitHub',

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

@ -21,6 +21,7 @@ import {
import { SectionsMenu } from './sections-menu'; import { SectionsMenu } from './sections-menu';
import { NxCloudIcon } from '../nx-cloud-icon'; import { NxCloudIcon } from '../nx-cloud-icon';
import { AnnouncementBanner } from '../announcement-banner'; import { AnnouncementBanner } from '../announcement-banner';
import { DiscordIcon } from '../discord-icon';
function Menu({ tabs }: { tabs: any[] }): JSX.Element { function Menu({ tabs }: { tabs: any[] }): JSX.Element {
return ( return (
@ -112,18 +113,7 @@ export function DocumentationHeader({
name: 'Discord', name: 'Discord',
label: 'Community channel', label: 'Community channel',
href: 'https://go.nx.dev/community', href: 'https://go.nx.dev/community',
icon: (props: any) => ( icon: (props: any) => <DiscordIcon {...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>
),
}, },
{ {
name: 'X', name: 'X',

16
nx-dev/ui-community/src/lib/connect-with-us.tsx
View File

@ -1,12 +1,12 @@
import { EnvelopeIcon } from '@heroicons/react/24/solid'; import { EnvelopeIcon } from '@heroicons/react/24/solid';
import { SectionHeading } from '@nx/nx-dev/ui-common'; import { DiscordIcon, SectionHeading } from '@nx/nx-dev/ui-common';
import Link from 'next/link'; import Link from 'next/link';
export function ConnectWithUs(): JSX.Element { export function ConnectWithUs(): JSX.Element {
return ( return (
<article <article
id="community" id="community"
className="mx-auto flex max-w-7xl flex-col space-y-12 py-12 px-4 sm:px-6 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-20 lg:py-16 lg:px-8" className="mx-auto flex max-w-7xl flex-col space-y-12 px-4 py-12 sm:px-6 lg:flex-row lg:items-center lg:space-x-20 lg:space-y-0 lg:px-8 lg:py-16"
> >
<header className="space-y-10 md:py-12 lg:w-5/12 xl:w-5/12"> <header className="space-y-10 md:py-12 lg:w-5/12 xl:w-5/12">
<div> <div>
@ -34,16 +34,10 @@ export function ConnectWithUs(): JSX.Element {
<div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center"> <div className="relative m-2 mb-6 inline-flex h-10 w-10 items-center justify-center">
<div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-indigo-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-indigo-900" /> <div className="absolute inset-0 -m-2 rotate-6 transform rounded-3xl bg-indigo-300 transition duration-200 ease-out group-hover:-rotate-3 group-hover:scale-105 dark:bg-indigo-900" />
<div className="absolute inset-0 -rotate-6 transform rounded-2xl bg-[#5865F2] bg-opacity-75 shadow-inner transition duration-200 ease-out group-hover:rotate-2 group-hover:scale-105" /> <div className="absolute inset-0 -rotate-6 transform rounded-2xl bg-[#5865F2] bg-opacity-75 shadow-inner transition duration-200 ease-out group-hover:rotate-2 group-hover:scale-105" />
<svg <DiscordIcon
fill="currentColor" showTitle={true}
className="relative inline-block h-5 w-5 transform text-white transition duration-200 ease-out group-hover:scale-110" className="relative inline-block h-5 w-5 transform text-white transition duration-200 ease-out group-hover:scale-110"
role="img" />
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</div> </div>
<h4 className="mb-2 text-lg font-bold">Join us on Discord</h4> <h4 className="mb-2 text-lg font-bold">Join us on Discord</h4>
<a <a

18
nx-dev/ui-home/src/lib/newsletter.tsx
View File

@ -1,4 +1,4 @@
import { SectionHeading } from '@nx/nx-dev/ui-common'; import { DiscordIcon, SectionHeading } from '@nx/nx-dev/ui-common';
export function Newsletter(): JSX.Element { export function Newsletter(): JSX.Element {
const communityLinks = [ const communityLinks = [
@ -23,17 +23,7 @@ export function Newsletter(): JSX.Element {
name: 'Discord', name: 'Discord',
label: 'Community channel', label: 'Community channel',
href: 'https://go.nx.dev/community', href: 'https://go.nx.dev/community',
icon: (props: any) => ( icon: (props: any) => <DiscordIcon {...props} />,
<svg
fill="currentColor"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<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>
),
}, },
{ {
name: 'Twitter', name: 'Twitter',
@ -71,7 +61,7 @@ export function Newsletter(): JSX.Element {
return ( return (
<div className="bg-slate-50 pt-28 dark:bg-slate-800/40"> <div className="bg-slate-50 pt-28 dark:bg-slate-800/40">
<div className="mx-auto max-w-7xl py-16 px-4 sm:px-6 lg:flex lg:items-center lg:py-24 lg:px-8"> <div className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-24">
<div className="lg:w-0 lg:flex-1"> <div className="lg:w-0 lg:flex-1">
<SectionHeading as="h1" variant="title" id="stay-informed"> <SectionHeading as="h1" variant="title" id="stay-informed">
Stay up to date Stay up to date
@ -107,7 +97,7 @@ export function Newsletter(): JSX.Element {
))} ))}
</div>*/} </div>*/}
</div> </div>
<div className="mt-8 lg:mt-0 lg:ml-8"> <div className="mt-8 lg:ml-8 lg:mt-0">
<div className="mt-4 space-x-12"> <div className="mt-4 space-x-12">
{communityLinks.map((item) => ( {communityLinks.map((item) => (
<a <a