From bbbfd9f43b76c68b17dabd82f0045054708c3803 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Fri, 10 Jan 2025 20:49:18 -0500
Subject: [PATCH] docs(nx-dev): enable WebinarNotifier and update webinar
 details (#29591)

Re-enabled the `WebinarNotifier` component in the app layout and updated the webinar date and localStorage key to reflect the new event on January 22, 2025.
---
 nx-dev/nx-dev/pages/_app.tsx                  |  2 +-
 nx-dev/ui-common/src/lib/webinar-notifier.tsx | 17 ++++++-----------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/nx-dev/nx-dev/pages/_app.tsx b/nx-dev/nx-dev/pages/_app.tsx
index a02685d90bcca..905c568d492ca 100644
--- a/nx-dev/nx-dev/pages/_app.tsx
+++ b/nx-dev/nx-dev/pages/_app.tsx
@@ -106,7 +106,7 @@ export default function CustomApp({
       </Link>
       <Component {...pageProps} />
       {/* <LiveStreamNotifier /> */}
-      {/*<WebinarNotifier />*/}
+      <WebinarNotifier />
 
       {/* Global Site Tag (gtag.js) - Google Analytics */}
       <Script
diff --git a/nx-dev/ui-common/src/lib/webinar-notifier.tsx b/nx-dev/ui-common/src/lib/webinar-notifier.tsx
index ab62e985409c8..e69b3f2688319 100644
--- a/nx-dev/ui-common/src/lib/webinar-notifier.tsx
+++ b/nx-dev/ui-common/src/lib/webinar-notifier.tsx
@@ -1,22 +1,17 @@
 'use client';
 
-import { useState, useEffect, ReactElement } from 'react';
+import { MouseEvent, ReactElement, useEffect, useState } from 'react';
 import { motion } from 'framer-motion';
-import { MonorepoWorldIcon } from '@nx/nx-dev/ui-icons';
-import { ButtonLink } from './button';
 import {
-  PlayIcon,
-  XMarkIcon,
-  ChatBubbleLeftRightIcon,
-  VideoCameraIcon,
   MegaphoneIcon,
+  VideoCameraIcon,
+  XMarkIcon,
 } from '@heroicons/react/24/outline';
-import { sendCustomEvent } from '@nx/nx-dev/feature-analytics';
 
 export function WebinarNotifier(): ReactElement | null {
   const [isMounted, setIsMounted] = useState(false);
   const [isVisible, setIsVisible] = useState<boolean>(true);
-  const localStorageKey = 'webinar-december-10-2024--notifier-closed';
+  const localStorageKey = 'webinar-january-22-2025--notifier-closed';
 
   useEffect(() => {
     setIsMounted(true);
@@ -26,7 +21,7 @@ export function WebinarNotifier(): ReactElement | null {
     }
   }, []);
 
-  const closeNotifier = (e: React.MouseEvent) => {
+  const closeNotifier = (e: MouseEvent) => {
     e.stopPropagation();
     setIsVisible(false);
     localStorage.setItem(localStorageKey, 'true');
@@ -66,7 +61,7 @@ export function WebinarNotifier(): ReactElement | null {
               aria-hidden="true"
               className="size-8 flex-shrink-0"
             />
-            <span>Join our webinar + live Q&A on Dec 10th</span>
+            <span>Join our webinar + live Q&A on January 22nd</span>
           </motion.h3>
           <motion.div key="live-event" className="mt-4 space-y-4">
             <p className="mb-2 text-sm">