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

docs(nx-dev): add march 19th webinar notifier (#30344)

Browse Source 
Added the `WebinarNotifier` component and updated the date, description,
and link to reflect the March 19th webinar.
This commit is contained in:
Benjamin Cabanes 2025-03-12 09:52:56 -04:00 committed by GitHub
parent e4f5224e9e
commit af1b16a6ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nx-dev/nx-dev/pages/_app.tsx
View File

@ -109,7 +109,7 @@ export default function CustomApp({
</Link> </Link>
<Component {...pageProps} /> <Component {...pageProps} />
{/* <LiveStreamNotifier /> */} {/* <LiveStreamNotifier /> */}
{/*<WebinarNotifier />*/} <WebinarNotifier />
{/* Global Site Tag (gtag.js) - Google Analytics */} {/* Global Site Tag (gtag.js) - Google Analytics */}
<Script <Script

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

@ -11,7 +11,7 @@ import {
export function WebinarNotifier(): ReactElement | null { export function WebinarNotifier(): ReactElement | null {
const [isMounted, setIsMounted] = useState(false); const [isMounted, setIsMounted] = useState(false);
const [isVisible, setIsVisible] = useState<boolean>(true); const [isVisible, setIsVisible] = useState<boolean>(true);
const localStorageKey = 'webinar-february-26-2025--notifier-closed'; const localStorageKey = 'webinar-march-19-2025--notifier-closed';
useEffect(() => { useEffect(() => {
setIsMounted(true); setIsMounted(true);
@ -61,19 +61,19 @@ export function WebinarNotifier(): ReactElement | null {
aria-hidden="true" aria-hidden="true"
className="size-8 flex-shrink-0" className="size-8 flex-shrink-0"
/> />
<span>Join our webinar + live Q&A on February 26th</span> <span>Join our webinar + live Q&A on March 19th</span>
</motion.h3> </motion.h3>
<motion.div key="live-event" className="mt-4 space-y-4"> <motion.div key="live-event" className="mt-4 space-y-4">
<p className="mb-2 text-sm"> <p className="mb-2 text-sm">
Learn how to build modern React applications using platform-native Join Victor Savkin and Max Kless discussing why LLMs struggle with
tools like NPM workspaces and TypeScript project references, and fragmented codebases, how monorepos + Nx create AI-powered
see how Nx improves the developer experience all while letting you architectural decisions, the before-and-after experience of
ship your React apps faster. AI-powered coding in Nx.
</p> </p>
<div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4"> <div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4">
<a <a
title="Signup" title="Signup"
href="https://bit.ly/4aRmrRb" href="https://bit.ly/3XvOwIl"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex items-center justify-center gap-2 rounded-lg bg-pink-600 px-2 py-2 text-sm font-semibold text-white transition hover:bg-pink-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4" className="inline-flex items-center justify-center gap-2 rounded-lg bg-pink-600 px-2 py-2 text-sm font-semibold text-white transition hover:bg-pink-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"

36
nx-dev/ui-enterprise/src/lib/hero.tsx
View File

@ -33,24 +33,24 @@ export function Hero(): ReactElement {
</svg> </svg>
<div className="mx-auto max-w-7xl px-6 pb-24 pt-32 lg:flex lg:px-8 lg:pt-56"> <div className="mx-auto max-w-7xl px-6 pb-24 pt-32 lg:flex lg:px-8 lg:pt-56">
<div className="mx-auto max-w-2xl lg:mx-0 lg:-mt-12 lg:shrink-0"> <div className="mx-auto max-w-2xl lg:mx-0 lg:-mt-12 lg:shrink-0">
{/*<p>*/} <p>
{/* <a*/} <a
{/* href="https://bit.ly/4aRmrRb"*/} href="https://bit.ly/3XvOwIl"
{/* title="See live event in details"*/} title="See live event in details"
{/* className="group/event-link inline-flex space-x-6"*/} className="group/event-link inline-flex space-x-6"
{/* >*/} >
{/* <span className="rounded-full bg-blue-600/10 px-3 py-1 text-sm/6 font-semibold text-blue-600 ring-1 ring-inset ring-blue-600/10 dark:bg-cyan-600/10 dark:text-cyan-600 dark:ring-cyan-600/10">*/} <span className="rounded-full bg-blue-600/10 px-3 py-1 text-sm/6 font-semibold text-blue-600 ring-1 ring-inset ring-blue-600/10 dark:bg-cyan-600/10 dark:text-cyan-600 dark:ring-cyan-600/10">
{/* Live event*/} Live event
{/* </span>*/} </span>
{/* <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">*/} <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">
{/* <span>Webinar + live Q&A on February 26th</span>*/} <span>Webinar + live Q&A on March 19th</span>
{/* <ChevronRightIcon*/} <ChevronRightIcon
{/* aria-hidden="true"*/} aria-hidden="true"
{/* className="size-5 transform transition-all group-hover/event-link:translate-x-1"*/} className="size-5 transform transition-all group-hover/event-link:translate-x-1"
{/* />*/} />
{/* </span>*/} </span>
{/* </a>*/} </a>
{/*</p>*/} </p>
<SectionHeading <SectionHeading
id="get-speed-and-scale" id="get-speed-and-scale"
as="h1" as="h1"