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

docs(nx-dev): use localstorage for livestream banner (#28880)

Browse Source
This commit is contained in:
Benjamin Cabanes 2024-11-11 10:42:27 -05:00 committed by GitHub
parent 258a2566f1
commit cc251e4378
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
nx-dev/ui-common/src/lib/live-stream-notifier.tsx
View File

@ -11,12 +11,12 @@ import {
} from '@heroicons/react/24/outline'; } from '@heroicons/react/24/outline';
export function LiveStreamNotifier(): ReactElement | null { export function LiveStreamNotifier(): ReactElement | null {
const [isMounted, setIsMounted] = useState(false);
const [isVisible, setIsVisible] = useState<boolean>(true); const [isVisible, setIsVisible] = useState<boolean>(true);
useEffect(() => { useEffect(() => {
const isClosedSession = sessionStorage.getItem( setIsMounted(true);
'live-stream-notifier-closed' const isClosedSession = localStorage.getItem('live-stream-notifier-closed');
);
if (isClosedSession === 'true') { if (isClosedSession === 'true') {
setIsVisible(false); setIsVisible(false);
} }
@ -25,10 +25,10 @@ export function LiveStreamNotifier(): ReactElement | null {
const closeNotifier = (e: React.MouseEvent) => { const closeNotifier = (e: React.MouseEvent) => {
e.stopPropagation(); e.stopPropagation();
setIsVisible(false); setIsVisible(false);
sessionStorage.setItem('live-stream-notifier-closed', 'true'); localStorage.setItem('live-stream-notifier-closed', 'true');
}; };
if (!isVisible) return null; if (!isMounted || !isVisible) return null;
return ( return (
<motion.div <motion.div